Labo 4: Responsive webdesign
Doel van de oefening.
Bij deze oefening werd er gewerkt aan:
- Een website responsive maken.
- Mediaqueries toepassen.
- Elementen laten meeschalen met venstergroottes.
- Tekst en elementen correct stijlen.
Beschrijving
In dit labo werd de HTML gegeven/ hergebruikt van vorig labo. Eerst werd er een responsive website gemaakt die dan werd gelinkt naar de "hoofd" HTML-pagina. Dan werden er responsive cards gemaakt die hun afbeelding veranderen wanneer het scherm smaller/breder wordt. En ten slotte werd er tekst en een knop opgemaakt.
Zelfreflectie
Dit labo verliep vlot aangezien het niet zo veel leerstof was. Wel had ik een klein probleem met mijn code doordat ik deze had gekopieerd uit het word-document. Zo stond er een em-dash ipv. een koppelteken en werkte mijn code niet.
Bronnen
Tijdens het labo werden de volgende bronnen gebruikt:
- De powerpoint van de theorieles.
- De Mozilla CSS-documentatie.