Labo 3: CSS 2

Doel van de oefening.

Bij deze oefening werd er gewerkt aan:

  • Een font downloaden en zelf hosten.
  • Elementen positioneren met flexbox.
  • Elementen visueel verbergen op een manier waarbij ze beschikbaar blijven voor hulpsoftware.
  • Transitions gebruiken.
  • Gebruik maken van CSS-nesting en variabelen.
Ga naar de oplossing.
Afbeelding met de gemaakte website voor labo03

Beschrijving

In dit labo werd er eerst een basis HTML-pagina aangemaakt. Daarna werd er CSS toegepast op deze pagina. Er werd bijvoorbeeld een font zelf gehost, flexbox werd gebruikt voor de layout van de pagina. Daarnaast werden er ook transitions toegepast en werden de cards gemaakt met een overlay link.

Zelfreflectie

Dit labo verliep vrij vlot aangezien ik al voorkennis had. Het gebruiken van de flexbox en nesting was wel nog wat moeilijk aangezien dit wel nieuw voor mij was.

Bronnen

Tijdens het labo werden de volgende bronnen gebruikt: