diff --git a/metar.html b/metar.html
index bc6c9f0..875f846 100644
--- a/metar.html
+++ b/metar.html
@@ -6,7 +6,13 @@
     <title>METAR Practice</title>
     <style>
         body { font-family: monospace; padding: 2em; }
-        #metar-display { font-size: 1.2em; margin-bottom: 1em; min-height: 6em; }
+        #metar-display { font-size: 1.2em; margin-bottom: 1em; min-height: 3em; }
+
+        @media (max-width: 600px) {
+            #metar-display {
+                min-height: 6em;
+            }
+        }
         button { font-size: 1em; padding: 0.5em 1em; }
     </style>
 </head>