STAP 73 — Pas je site aan op elke resolutie

Waarom deze stap belangrijk is

Er bestaan honderden schermresoluties. Fluid design werkt op élke breedte.

Wat dit concreet betekent

Je layout is volledig fluid en schaalbaar.

Hoe je dit toepast

• Gebruik relatieve eenheden.
• Definieer breakpoints op basis van waar je layout breekt.
• Gebruik CSS Grid en Flexbox.

Voorbeelden

• Breakpoint niet op 768px (iPad) maar op 900px (waar je 3-koloms layout breekt).

Veelgemaakte fouten

• Breakpoints op specifieke apparaten.
• Vaste breedtes.

Checklist

• [ ] Breakpoints zijn gebaseerd op layout-breekpunten.
• [ ] Relatieve eenheden worden gebruikt.