kocandaci/sass/_grid.scss

22 lines
546 B
SCSS
Raw Normal View History

2024-01-11 18:10:51 +01:00
.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 }
2024-01-12 16:31:33 +01:00
@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 }
2024-01-12 16:36:05 +01:00
.grid-mobile-gap-1 { gap: 1em }
2024-01-12 16:31:33 +01:00
}