| fieldset { | |
| display: grid; | |
| grid-template-columns: 1fr; | |
| grid-gap: 5px; | |
| } | |
| label, | |
| input, | |
| button, | |
| textarea { | |
| grid-column: 1 / 2; | |
| } | |
| @media (min-width: 30em) { | |
| fieldset { | |
| display: grid; | |
| grid-template-columns: 1fr 5fr; | |
| grid-gap: 0; | |
| } | |
| label { | |
| grid-column: 1 / 2; | |
| } | |
| input, | |
| button, | |
| textarea { | |
| grid-column: 2 / 3; | |
| } | |
| } |