Labo3

Voorbereiding

Stap1

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

Stap2

  1. Voeg normalize.css toe via een link tag in de head
    rel="stylesheet" href="https://unpkg.com/@csstools/normalize.css" rel="stylesheet">
  2. Maak een :root selector
    • Pas de font-family aan naar Fredoka en vergeet je fallback font niet!
    • Pas de line-height aan naar 1.6
    • Pas het scroll behavior aan naar 'smooth'
    • Maak variabelen --bg: oklch(0.99 0.003 325) en --primary: oklch(0.25 0.01 325)
    • Gebruik die variabelen voor de achtergrondkleur en de tekstkleur
  3. Maak een body selector, zet de margin op 0
  4. Maak een .container
    • Max-with: 80rem
    • Linker en rechter margin is auto, gebruik logical properties en values
    • Linker en rechter padding is 1rem, gebruik logical properties en values

Oefening 1: Columns

Oefening 3:Cards