Improve guestbook form responsiveness

This commit is contained in:
Helen Chong 2024-05-26 16:59:40 +08:00
parent 57a4c1c05c
commit 2b9f8e60e7
1 changed files with 2 additions and 7 deletions

View File

@ -11,11 +11,10 @@
} }
.comment-form { .comment-form {
display: grid;
border: 0.1rem solid var(--clr-body-txt); border: 0.1rem solid var(--clr-body-txt);
width: 100%;
padding: 1em; padding: 1em;
margin: 2em 0; margin: 2em 0;
display: grid;
} }
.comment-form-title { .comment-form-title {
@ -31,7 +30,7 @@
.input-horizontal-wrapper { .input-horizontal-wrapper {
display: grid; 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, .input-vertical,
@ -40,10 +39,6 @@
gap: 0.2em; gap: 0.2em;
} }
.input-vertical input {
width: 100%;
}
.input-vertical input:focus { .input-vertical input:focus {
outline: 0.15em solid var(--clr-link); outline: 0.15em solid var(--clr-link);
} }