Link Search Menu Expand Document

Grid areas gebruiken

Bekijk de video

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


Opdrachten

Met de kennis uit de video:

  1. Schrijf op papier of in een tekst documentje de indeling van je grid met de juiste “area” namen.
  2. Koppel nu de juiste grid-area naam aan de juiste class in je CSS bestand.
  3. Zorg dat het mobiele grid klopt voor je verder gaat.

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

Media query toevoegen voor desktop