Labo 4 - Leren Werken Met Responsive Webdesign

Beschrijving

In dit project werkte ik mobile-first aan een responsive website met flexibele card-layouts en schaalbare afbeeldingen.
Ik implementeerde media queries, fluid grids en maximale kolombreedtes voor een optimale weergave op mobiel en desktop.
Daarnaast paste ik typografische richtlijnen toe met Google Fonts, consistente hiërarchie, leesbare regellengtes en logische marges.
Tot slot ontwierp ik toegankelijke links en buttons met voldoende kleurcontrast, gevalideerd volgens accessibility-richtlijnen.

Gerelateerde links

• oklch convertor
• MDN Docs
• AXE Devtools

Reflectie

• Wauw!

  Het lukte goed om de cards te laten meeschalen met de breedte van het scherm.

• Aauw!

  In de navigatie bar was ik vergeten mijn class aan te passen waardoor deze niet bewoog.

• Niet zeker?

  Ik vond het moeilijk om de sidebar langs de zijkant te krijgen. Dit heb ik moeten vragen aan de docent.