From 2b9f8e60e7b8df127f02d464e2090632607ac75c Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sun, 26 May 2024 16:59:40 +0800
Subject: [PATCH] Improve guestbook form responsiveness

---
 src/assets/css/comments.css | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/comments.css b/src/assets/css/comments.css
index ce7bd4ea..73997158 100644
--- a/src/assets/css/comments.css
+++ b/src/assets/css/comments.css
@@ -11,11 +11,10 @@
 }
 
 .comment-form {
+    display: grid;
     border: 0.1rem solid var(--clr-body-txt);
-    width: 100%;
     padding: 1em;
     margin: 2em 0;
-    display: grid;
 }
 
 .comment-form-title {
@@ -31,7 +30,7 @@
 
 .input-horizontal-wrapper {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(min(100%/1, max(10rem, 100%/3)), 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
 }
 
 .input-vertical,
@@ -40,10 +39,6 @@
     gap: 0.2em;
 }
 
-.input-vertical input {
-    width: 100%;
-}
-
 .input-vertical input:focus {
     outline: 0.15em solid var(--clr-link);
 }