mobile form styling

main
Ryan Moon 2023-11-30 03:12:14 -05:00
parent 279830b7aa
commit 81a8f0604b
1 changed files with 24 additions and 2 deletions

View File

@ -29,8 +29,8 @@ form .poll {
position: absolute; position: absolute;
content: ''; content: '';
border-radius: 100%; border-radius: 100%;
height: .40rem; height: .4rem;
width: .40rem; width: .4rem;
top: .18rem; top: .18rem;
left: .2rem; left: .2rem;
} }
@ -74,5 +74,27 @@ form .poll {
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
form .poll { form .poll {
padding: 1rem 0; padding: 1rem 0;
.check{
height: 1.25rem;
width: 1.25rem;
top: .5rem;
left: .5rem;
}
.group {
.check::before {
height: .55rem;
width: .55rem;
top: .22rem;
left: .22rem;
}
label {
font-size: 1rem;
padding: .25rem 0 0 2.5rem;
}
}
} }
} }