Improve guestbook form responsiveness
This commit is contained in:
parent
57a4c1c05c
commit
2b9f8e60e7
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue