Labo 3 - CSS positionering en layouts

Doelen van deze labo

• Je kan een font downloaden, converten en zelf hosten.
• Je kunt elementen positioneren.
• Je kunt de basisprincipes van flexbox toepassen.
• Je begrijpt het verschil tussen hidden, display: none, visibility:hidden en .visually-hidden.
• Je kan elementen visueel verbergen op een manier waarbij ze beschikbaar blijven voor hulpsoftware.
• Je kan CSS transitions toepassen.
• Je maakt gebruik van CSS nesting om meer gestructureerde en overzichtelijke stylesheets te creëren.
• Je kan werken met CSS logical properties.
• Je kan CSS Custom Properties (variabelen) aanmaken, gebruiken en overschrijven.
• Je kan een overlay link aanmaken en het nut ervan uitleggen.

Beschrijving

In dit labo hebben we geleerd over CSS positionering en layouts, waaronder het gebruik van flexbox.

Hulpmiddelen

Gevraagd aan vrienden.

Reflectie

Wat ging er goed?

Ik kon goed weten waar ik wat wou positioneren.

Wat kon er beter?

Ik had meer tijd moeten besteden aan het begrijpen van flexbox.

Dit snap ik nog niet helemaal.

Geen idee