Make text area height properly adjust to small screens (#38)

Author: vsakkas

index.html

@@ -45,6 +45,7 @@
             display: grid;
             grid-template-rows: auto 1fr auto;
             transition: background var(--transition);
+            overflow: hidden;
         }
 
         body,
@@ -91,11 +92,13 @@
             display: flex;
             justify-content: center;
             align-items: center;
+            overflow: hidden;
+            min-height: 0;
         }
 
         #editor {
             width: 100%;
-            height: 80vh;
+            height: min(80vh, 100%);
             padding-inline: clamp(20px, 10vw, 20vh);
             padding-block: 2.5vh;
             font: inherit;