Wow!
Het werken met flexbox en CSS custom properties verliep vlot.
Labo 03 - layout en positioning
Doel van de opdracht
- 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 heb ik geleerd hoe ik fonts lokaal kan hosten, flexbox kan toepassen en moderne CSS-technieken zoals custom properties, logical properties, nesting en transitions kan gebruiken om een gestructureerde en toegankelijke layout te maken.
Gerelateerde links
Reflectie
Aauw!
Het correct toepassen van positioning en overlay links vroeg wat oefening.
Niet zeker?
Het verschil tussen display: none, visibility: hidden , hidden en .visually-hidden goed begrijpen en toepassen.