Labo 03 - Geavanceerde CSS

Doel van de oefeningen

  • Leren omgaan met CSS
  • Gebruik maken van tag-, class-, id- en pseudo-selectoren
  • Herbruikbare classes maken
  • Prioriteitsregels toepassen
  • Externe lettertypes toevoegen + een fallback lettertype toevoegen
  • Box-model en box-sizing property toepassen
Ga naar de oplossing
Stukje CSS code

Beschrijving

Het "mooi" maken van een HTML pagina in CSS. Gebruikmakend van classes, ids, pseudo-selectoren, margins, colors, paddings, ...

Gebruikte websites

Reflectie

  • Super!

    Website in HTML schrijven ging vlot, CSS ging ook vlot tot het stuk met de cards.

  • Kan beter!

    De opgave beter lezen zodat er gaande weg niet opeens iets niet meer werkt door iets over te slaan uit de opgave.

  • Niet goed..

    Cards zelf maken ging moeizaam, het vinden van de juiste flexbox codes was niet zo makkelijk.