STAP 54 — Zorg dat je site schaalt op elk device

Waarom deze stap belangrijk is

Responsive design is de standaard. Een site die niet op mobiel werkt verliest meer dan de helft van zijn bezoekers.

Wat dit concreet betekent

Je website past zich foutloos aan elk schermformaat aan.

Hoe je dit toepast

• Bouw mobile-first.
• Gebruik relatieve eenheden.
• Test op minimaal 5 schermformaten.

Voorbeelden

• Desktop: 3-koloms grid. Tablet: 2 kolommen. Mobiel: 1 kolom, gestapeld.

Veelgemaakte fouten

• Alleen op desktop bouwen.
• Horizontaal scrollen op mobiel.

Checklist

• [ ] Je site is mobile-first gebouwd.
• [ ] Knoppen zijn minimaal 44x44px op touch.