Mobile Optimization #8
1 changed files with 7 additions and 3 deletions
|
@ -124,9 +124,14 @@ input[type="text"]:focus {
|
||||||
/* Radio Buttons */
|
/* Radio Buttons */
|
||||||
.radio-group {
|
.radio-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
gap: var(--spacing-sm);
|
||||||
|
|
||||||
|
@media (width > 768px) {
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-group input[type="radio"] {
|
.radio-group input[type="radio"] {
|
||||||
|
@ -134,8 +139,7 @@ input[type="text"]:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-group label {
|
.radio-group label {
|
||||||
width: calc(25% - 10px);
|
flex: 1;
|
||||||
margin: 5px;
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
Loading…
Reference in a new issue