Negentien layouts in CSS
In onderstaande afbeelding zie je 18 verschillende layouts welke je met CSS kunt maken.
Negen daarvan zijn basic layouts welke je met grid-template-areas en
grid-area goed kunt realiseren. Naast deze basic layouts zijn er ook negen
advanced layouts waarvoor je iets meer trucage uit je mouw moet schudden.
Onderaan vindt je in de navigatie linkjes naar de betreffende basic en advanced bestanden. In elk van deze bestanden staat een link terug naar dit overzicht.
Opdracht: Realiseer bovenstaande layouts door in elk HTML bestand CSS regels toe te voegen aan het style element in de header van het betreffende bestand.
Gebruik bij het werken aan de layouts de volgende bronnen als je iets wilt opzoeken: