Link Search Menu Expand Document

Grid rijen

Bekijk de video

Bekijk de video fullscreen en doe daarna de oefeningen / opdrachten.


Opdrachten

Met de kennis uit de video:

  • Voeg aan je CSS Grid nu minstens 2 rijen toe
  • Gebruik de eenheden px, fr en % en kijk wat er gebeurt als je verschillende waarden invoert.

Bewijs opslaan

  • Sla je wijzigingen op.
  • Maak een screenshot van het resultaat in je browser en bewaar deze bij je code.
  • Maak een commit met een duidelijke commit message

Hulp

Gebruik je eigen afmetingen, dus denk zelf na en speel met die afmetingen! Kijk wat er gebeurt als je de browser resized.

#dashboard {
   grid-template-rows: 100px 1fr 200px;
}

Websites met meer uitleg en verdieping


Grid kolommen overlappen