Lav fire lige brede kolonner som hver fylder lige meget (1fr
) vha. repeat()
-funktionen. Lad .box-1
spænde over 2 rækker og 2 kolonner, og lad .box-4
spænde over 2 rækker. Du kan evt. tilføje gap, for at lave mellemrum mellem boksene.
Tilføj derefter et par bokse for at se, hvordan disse lægger sig i grid’et. Træk i vinduet med dine bokse (nederst i højre hjørne ) for at se, hvordan boksene opfører sig i forskellige størrelser.
Hints
-
grid-column
-
grid-row
-
gap
-
repeat(<n>, <x>)
