Labo03

voorbereiding

Stap 1

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

Stap 2

  1. Zorg voor een index.html en een styles.css
    rel="stylesheet" ,href="https://unpkg.com/@csstools/normalize.css"
  2. Voeg een google font toe in de head(fredoka)
  3. Koppel je eigen style.css aan je HTML

Stap 3:

  1. 'corrigeer' de box sizing property van alle elementen en van alle::before en ::after pseudo-elementen
  2. maak een :root selector
    • Stel de font-family in op Fredoka, inclusief fallback/default font.
    • Stel de line-height in (1.6)
    • Stel scroll-behavior in op smooth
    • maak variabelen voor de achtergrondkleur en de tekstkleur en de tekstkleur
  3. maak een body selector, zet de margin op 0
  4. maak een .container
    • max-width:80rem
    • linker en rechter margin is auto, gebruik logical properties en values
    • linker en rechter padding is 1rem, gebruik logical properties en values

Oefening1: Columns

Oefening3: Cards