Wat is responsive?

Responsive design betekent dat een website zich automatisch aanpast aan het scherm waarop je kijkt. Het maakt niet uit of je een telefoon, tablet, laptop of groot computerscherm gebruikt: de website ziet er altijd goed uit en werkt goed.

Hier zijn de belangrijkste punten:

Aanpasbare layout

De indeling van de website verandert afhankelijk van de schermgrootte. Op een klein scherm zie je bijvoorbeeld één kolom, terwijl je op een groot scherm meerdere kolommen ziet.

Flexibele afbeeldingen

Afbeeldingen passen hun grootte automatisch aan, zodat ze niet buiten het scherm vallen.

Media queries

Dit zijn stukjes code die bepalen hoe de website eruit moet zien op verschillende schermgroottes.

Bijvoorbeeld

• Op een telefoon wordt de tekst groter en past hij netjes in het scherm.
• Op een laptop zie je misschien extra menu’s of kolommen die je op een klein scherm niet ziet.
• Kortom, responsive design zorgt ervoor dat een website voor iedereen goed werkt, ongeacht het apparaat. 😊