Labo 02
Introductieoefening
Start een nieuw project in je IDE naar keuze.
- Zorg voor...
- Pas je HTML...
- geef je doc...
Stap 1: HTML
- Vergeet je...
- Deel je hoofdinhoud...
- Tip: de links in de navigatie zijn same page link
- Valideer je code via de HTML-validator en met de aXe browser devtools.
Stap 2: link-tags
- Voeg normalize.css toe...
- Voeg een google font Montserrat
- Koppel je eigen...
Stap 3: start CSS
- 'Corrigeeer' de box-sizing property...
-
Maak een sector voor het root → :root { ... }
- pas de backgound-color aan naar #fffdff.
- Pas de font-family aan...
- Zet de line-height...
- Zet scroll-behavior...
- Maak een selector voor het body element → body { ... }
Container
Een container is een typisch hulpmiddel om te zorgen dat de inhoud van je site niet uitgesmeerd wordt over je volledige schermbreedte. Je vindt die op héél veel websites terug en is verplicht aanwezig in je portfolio.Nav
