commit 563de227050e169948ce7d3510a43c967d3e912f parent 564bcdea88c0848b4d466bca3069f81c254ae330 Author: Hunter Date: Fri, 11 Jul 2025 15:26:50 -0400 add vertical layout for narrow screens Diffstat:
| M | index.html | | | 19 | +++++++++++++++++++ |
1 file changed, 19 insertions(+), 0 deletions(-)
diff --git a/index.html b/index.html @@ -103,6 +103,25 @@ overflow: auto; } + /* Vertical layout for narrow screens (height > width) */ + @media (max-aspect-ratio: 1/1) { + body { + flex-direction: column; + } + + .editor-pane { + width: 100%; + height: 50vh; + order: 2; + } + + .preview-pane { + width: 100%; + height: 50vh; + order: 1; + } + } + </style> </head> <body>