Adjust textarea sizing on small screen widths

diff --git a/index.html b/index.html
index d7cedabc143cc3e36be56d1204721beab9b4750e..b0a6876209c7c35a25aee490967c1adf9b0d2455 100644 (file)
--- a/index.html
+++ b/index.html
@@ -25,6 +25,7 @@
     }
 
     form {
+      inline-size: 100%;
       display: flex;
       flex-direction: column;
       align-items: start;
@@ -44,8 +45,9 @@
     }
 
     textarea {
-      min-inline-size: 80ch;
-      min-block-size: 5rem;
+      box-sizing: border-box;
+      min-inline-size: min(80ch, 100%);
+      min-block-size: 7rem;
       padding: 8px;
     }