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