Få boksene til at definere, hvor mange kolonner der skal være i containeren, ved at bruge repeat()
og auto-fit
eller auto-fill
. Brug minmax()
til at definere en minimums- og maksimumsbredde på boksene, hhv. 80px
og 1fr
, hvilket vil resultere i lige så mange “tracks” som der kan være i containeren med en minimumsstørrelse på 80px.
Med auto-fit
og auto-fill
kan man styre, hvordan den overskydende plads skal allokeres i en grid-container. Hvis man bruger auto-fit
vil boksene udvides, så de fylder hele containeren. Hvis man bruger auto-fill
vil containeren allokere det overskydende rum i form af tomme “tracks”, som ikke indeholder bokse.
Hints
-
repeat()
-
minmax()
-
auto-fit
-
auto-fill