Mosaik-grid 5 / 17

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>)
Har du brug for hjælp? Lær mere om repeat()
.box-1
.box-2
.box-3
.box-4
.box-5
.box-6
.box-7
.box-8