Auto-fit / Auto-fill 15 / 17

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
Har du brug for hjælp? Lær mere om auto-fit/-fill
.box-1
.box-2
.box-3
.box-4