Labo 03

Voorbereiding

Stap 1

  1. Maak een nieuw project.
  2. Zorg voor een index.html en een styles.css.
  3. Schrijf alle HTML, vergeet lang en title niet.

Stap 2

  1. Voeg normalize.css toe via een link-tag in de head (`rel="stylesheet"`, `href="https://unpkg.com/@csstools/normalize.css"`).
  2. Voeg een google font toe in de head (Fredoka).
  3. Koppel je eigen styles.css aan je HTML.

Stap 3: css

  1. 'corrigeer' de box-sizing property van alle elementen en van alle `::before` en `::after` pseudo-elementen.
  2. Maak een `:root` selector...
  3. Maak een `body` selector, zet de margin op 0.
  4. Maak een `.container`...

Oefening 1: Columns

kolom1
kolom2

Oefening 2: Nav

Oefening 3: Cards