From c627e2a1e890bf78522684320492098622f3e5e3 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 11 Sep 2023 21:41:50 -0700
Subject: [PATCH] Adjust textarea sizing on small screen widths

---
 index.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index d7cedab..b0a6876 100644
--- 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;
     }
 
-- 
2.47.3