Labo 04 - Responsive webdesign
Doel van het labo
- Je kan een webpagina responsive maken.
- Je kan mediaqueries toepassen.
- Je kan responsive images gebruiken zodat afbeeldingen zich aanpassen aan de schermgrootte.
- Je kan elementen laten meeschalen met de venstergrootte.
- Je kan een tekst correct opmaken.
- Je kan een knop stijlen met een correcte kleur en voldoende contrast.
Beschrijving
In dit labo willen we ervoor zorgen dat de website beschikbaar is voor alle verschillende schermgroottes. Ook omvat het de toepassing van mediaqueries, responsive afbeeldingen en schaalbare elementen, evenals het opmaken van tekst en knoppen met goed kleurcontrast.
Gerelateerde links
Reflectie
Ik had redelijk veel moeite met dit labo. Zeker de mediaqueries verliepen moeizaam. Het aanpassen van de stijlen en grootte, correcte kleur en contrast liepen dan weer vlotter.