22 lines
546 B
SCSS
22 lines
546 B
SCSS
.grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 1em;
|
|
}
|
|
|
|
.grid-2 { grid-template-columns: 1fr 1fr }
|
|
.grid-3 { grid-template-columns: 1fr 1fr 1fr }
|
|
.grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr }
|
|
.grid-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr }
|
|
|
|
.gap-2 { gap: 2em }
|
|
.gap-3 { gap: 3em }
|
|
|
|
@media only screen and (max-width: $width-mobile) {
|
|
.grid-mobile-1 { grid-template-columns: 1fr }
|
|
.grid-mobile-2 { grid-template-columns: 1fr 1fr }
|
|
.grid-mobile-3 { grid-template-columns: 1fr 1fr 1fr }
|
|
|
|
.grid-mobile-gap-1 { gap: 1em }
|
|
}
|