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

• axe DevTools - Web Accessibility Testing
• MDN Web Docs
• W3C HTML-validator.

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