Labo 04 - Mobile first
Doelstellingen van de oefeningen
- 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
Omschrijving van de oefening
Deze labo-oefening draait rond je css van de pagina mobile first responsive te maken. Ook leer je een webpagina fluid maken.
Gebruikte websites/Tools
Reflectie
-
Wat ging goed?
- De bronbestanden in mijn editor krijgen.
- De Sidebar bij opdracht 1.
- Cards bij opdracht 1 fluid maken.
- Content property gebruiken.
-
Wat was lastig?
- navigate van opdracht 1.
- Typographie.
- De headings 1.5 keer groter maken.
- marges tussen paragrafen en titels afstellen aan de hand van de regels op de powerpoint.
-
Wat laat je twijfelen?
- Opdracht 03 typografie.
- Hoe opdracht 04 eruit ziet.
- Fluid veranderingen bij schalen van scherm