Lab 04 - responsiveness

Doelen van de opgave

Leren hoe je een responsive website bouwt met CSS door gebruik te maken van media queries, responsive images, fluid layouts, correcte typografie en toegankelijke styling (zoals knoppen met voldoende contrast)

foto responsive Ga naar de Oplossing

beschrijving

In dit labo werk je aan een responsive webpagina aan de hand van drie oefeningen. Eerst maak je een bestaande mobiele website geschikt voor grotere schermen door breakpoints toe te passen. Vervolgens bouw je een reeks responsive cards die zich aanpassen aan de schermgrootte en andere afbeeldingen laden afhankelijk van het venster. Tot slot verbeter je de typografie door een geschikt Google-font te gebruiken, correcte tekstgroottes en marges in te stellen en te zorgen voor een goede leesbaarheid en visuele hiërarchie.

Gerelateerde links

reflectie

nog geen resultaat

Reflectie

  • Woaw:

    ik snapte hoe het werkte om men pagina responsive te maken.

  • Aauw:

    ik snapte niet meteen hoe ik elementen liet vergoten en verkleine aan de hand van het vensetr

  • Not sure:

    misschien is het best om het te bekijken vanaf een ander toestel om het beter te kunnen begrijpen.