From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 12 Sep 2023 04:41:50 +0000 (-0700)
Subject: Adjust textarea sizing on small screen widths
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=c627e2a1e890bf78522684320492098622f3e5e3;p=erc-165-calculator

Adjust textarea sizing on small screen widths
---

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;
     }