Centreret indhold 14 / 17

Definér et grid med to kolonner, og sørg for, at alle bokse (.box) strækker sig over to rækker. .box-1 skal starte på række-linje 2 i grid’et.

Fordi vi ønsker at lade .box-1 starte på en bestemt position uden at ændre de andre bokses startpunkter, bruger vi grid-row-end: span 2. Dette sikrer, at hver boks strækker sig over to rækker fra sin naturlige startposition, mens .box-1 specifikt placeres i anden række ved hjælp af grid-row-start.

Husk også at sætte aspect-ratio til 3/2.

Når vinduet justeres i højden, skal indholdet altid være centreret i containeren ved hjælp af align-content.

Hints
  • grid-row-start
  • grid-row-end
  • align-content
  • span 2
Har du brug for hjælp? Lær mere om align-content
.box-1
.box-2
.box-3