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.

Ga naar de oplossing.

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.