Labo 4 - Responsive webdisgn
Doel
- Je kan een webpagina responsive maken.
- Je kan mediaqueries toepassen.
- Je kan responsive images toepassen.
- Je kan elementen laten meeschalen met de venstergrootte.
- Je kan een tekst opmaken.
- Je kan een knop correct stijlen in kleur en met een correct contrast.
Beschrijving
Dit labo ging rond responsive webdesign, we moesten een pagina schaalbaar maken op verschillende schermgroottes. Ook moesten we gebruik maken van mediaqueries (breakpoints) om de lay-out aan te passen vanaf een bepaalde schermgrootte. We hebben ook geleerd hoe we een andere foto kunnen doen verschijnen afhankelijk van de schermgrootte, we moesten ook rekening houden met de topografie van elementen. We leerdere rekening houden met kleuren en contrast en we leerden hoe we dingen proportioneel laten meeschalen.
Relevante links | Same Page Links
Reflectie
- Goed
-
- webpagina responsive maken.
- responsive images.
- elementen schalen met venstergrootte.
- tekst opmaken
- een knop correct opmaken.
- Slecht
-
- mediaqueries. [als een zwarte doos]
Status
🔄️ in progress