Improve layout on short and narrow viewports

2026-08-29 21:25:37 +02:00
parent 9375e04dfb
commit d797a440ad
2 changed files with 20 additions and 1 deletions
@@ -91,6 +91,25 @@
            color: #999;
            font-size: 0.75em;
        }
+
+        @media (max-height: 800px) {
+            body { margin: 15px auto; padding: 15px; }
+            h1 { margin-bottom: 15px; font-size: 1.6em; }
+            h2 { margin: 15px 0 10px 0; }
+            .section { padding: 12px; margin: 12px 0; }
+            code { padding: 10px; margin: 8px 0; }
+            .upload-area { padding: 20px; }
+        }
+
+        @media (max-width: 480px) {
+            body { padding: 12px; margin: 10px auto; }
+            h1 { font-size: 1.5em; margin-bottom: 15px; }
+            h2 { font-size: 1.15em; margin: 15px 0 10px 0; }
+            .section { padding: 12px; margin: 12px 0; }
+            code { padding: 10px; font-size: 0.85em; }
+            .upload-area { padding: 20px 15px; }
+            button { padding: 12px 20px; }
+        }
    </style>
 </head>
 <body>