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
