Grid for home page

This commit is contained in:
Michael Boelen 2024-11-19 09:12:15 +00:00
parent de34b1cad8
commit 041178f95d

View file

@ -0,0 +1,27 @@
@media (min-width: 1023px) {
.grid-row {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 1fr auto;
column-gap: 1.5em;
}
}
.grid-fourth {
grid-column: auto / span 3;
}
.grid-third {
grid-column: auto / span 4;
}
.grid-two-thirds {
grid-column: auto / span 8;
}
.grid-half {
grid-column: auto / span 6;
}
.grid-three-fourths {
grid-column: auto / span 9;
}