labo 03 - CSS 2

doel van het 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 coor hulpsoftware.
• Je kan CSS transitions toepassen.
• Je maakt gebruik van CSS nesting om meer gestructureerde en overzichtelijke stylesheets te creeëren.
• Je kan werken met CSS logical properties.
• Je kan CSS Costum Properties (variabelen) aanmaken, gebruiken en overschrijven.
• Je kan een overlay link aanmaken en het nut ervan uitleggen.

omschrijving

Tijdens dit labo hebben we ons verder verdiept in CSS. Het eerst dat we leerde is hoe je zelf een font kan downloaden en hosten. We hebben kenis gemaakt met flexbox en hoe we dit kunnen toepassen. Met flexbox hebben we dan 3 oefening uitgevoerd die over columns, nav en cards gingen. Ook moesten we gebruik maken van nesting voor een duidelijkere code.

gerelateerde links

reflectie

• woaw

  Ik had geen moeite met het basis HTML bestand, de header, oefening 1 en oefening 2

• aauw

  De extra uitdaging heb ik niet tot een goed einde kunnen brengen.

• niet zeker

  Ik had het heel moeilijk met oefening 3, hier moesten we Cards maken. Ik zal er nog extra tijd moeten insteken voor dat ik dit volledig onder de knie heb.