Lab 3 developing contact form

Goals of the exercise

  • 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, visibibility: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.

Go to solution
logo lab3

Description

Deze opgave gaat ervan uit dat je de lessen rond CSS gevolgd hebt en grotendeels snapt. De laatste les omvat onder andere: display, visibility, positioning, z-index, logical properties & values, flexbox, transitions, CSS nesting en CSS custom properties (variabelen).

Related links

Reflection

  • Woaw!

    HTML schrijven ging top, CSS is nog een beetje oefenen maar de basis heb ik al onder de knie de gevorderede CSS is nog werk aan maar denk wel dat het goed moet komen

  • Aauuw!

    Ik had het moeilijk met de NAV toe te voegen verder op de pagina

  • Not sure?

    Ik ben nog niet goed weg met de NAV en de uitlijningen maar heb met de portfolio wat gespeeld en begint wel al meer en meer te lukken