refining responsive
This commit is contained in:
parent
337ea9406a
commit
b1e7db2f6e
|
|
@ -3,9 +3,18 @@
|
||||||
@apply pb-6 !text-2xl text-center;
|
@apply pb-6 !text-2xl text-center;
|
||||||
}
|
}
|
||||||
.gfield_radio {
|
.gfield_radio {
|
||||||
@apply flex justify-between max-w-lg text-center mx-auto;
|
@apply grid sm:flex justify-between max-w-lg text-center mx-auto;
|
||||||
|
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
grid-template-columns: auto auto;
|
||||||
|
width: fit-content;
|
||||||
|
column-gap: 1rem;
|
||||||
|
}
|
||||||
.gchoice {
|
.gchoice {
|
||||||
@apply flex flex-col justify-center items-center;
|
@apply flex flex-col justify-center items-center;
|
||||||
|
&:last-child {
|
||||||
|
grid-column: auto / span 2;
|
||||||
|
}
|
||||||
label.gform-field-label {
|
label.gform-field-label {
|
||||||
@apply !ml-0 mt-3 !font-normal;
|
@apply !ml-0 mt-3 !font-normal;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user