add vertical layout for narrow screens

Hunter
Friday, July 11th, 2025 at 3:26 PM


index.html+19 
index.html
103  			overflow: auto;
104  		}
105  
106 +		/* Vertical layout for narrow screens (height > width) */
107 +		@media (max-aspect-ratio: 1/1) {
108 +			body {
109 +				flex-direction: column;
110 +			}
111 +			
112 +			.editor-pane {
113 +				width: 100%;
114 +				height: 50vh;
115 +				order: 2;
116 +			}
117 +			
118 +			.preview-pane {
119 +				width: 100%;
120 +				height: 50vh;
121 +				order: 1;
122 +			}
123 +		}
124 +
125  	</style>
126  </head>
127  <body>