Labo 04 - Responsive webdesign
Doelen van de oefening
- Responsieve layout toepassen
- Mediaqueries gebruiken voor verschillende schermgroottes
- Afbeeldingen laten meeschalen met de viewport
- Tekst en knoppen visueel goed opmaken
Beschrijving
Ik heb geleerd om kaarten en afbeeldingen responsive te maken met mediaqueries.
Ook typografie verbeteren met Google Fonts en logische marges en knoppen en links toegankelijk te stylen.
Gerelateerde links
W3C validatoraxe browser extension
Reflectie
Woaw!
Het maken van de header ging heel goed.
Aauuw!
Ik was niet zo zeker over de afbeeldingen scalen. En hoe ze zichtbaar zouden worden op andere
devices.
Niet zeker?
Het moeilijkste vond ik de link & button maken. Vooral omdat er een afbeelding voor de "Verwijder dit document"-knop moest.