Improve <textarea> inline resizing

diff --git a/index.html b/index.html
index 8d1538c5705edc3a33a758c8ad92cc87558ed6a9..23297545ef3b062aa66137b16939cb06cb13ff01 100644 (file)
--- a/index.html
+++ b/index.html
@@ -62,7 +62,9 @@
 
     textarea {
       box-sizing: border-box;
-      min-inline-size: min(80ch, 100%);
+      align-self: center;
+      min-inline-size: 100%;
+      max-inline-size: calc(100dvi - 34px);
       min-block-size: 12rem;
       padding: 8px;
       text-wrap: nowrap;