Responsive Design
Wat is het?
Responsive design is een benadering van webontwikkeling die ervoor zorgt dat websites er goed uitzien en goed functioneren op alle apparaten en schermgroottes, van mobiele telefoons tot grote desktopmonitors. Het gebruikt flexibele grids, vloeiende afbeeldingen en CSS media queries om de layout en contentpresentatie aan te passen op basis van de viewport-dimensies.
Praktisch voorbeeld
Een responsive website zou een driekoloms layout kunnen tonen op desktop, overschakelen naar twee kolommen op tablets met @media (max-width: 1024px), en alles in één kolom stapelen op mobiel met @media (max-width: 768px). De navigatie transformeert van een horizontaal menu naar een hamburgermenu, en afbeeldingen gebruiken max-width: 100% om proportioneel te schalen.
Test je kennis
Welke CSS-functie wordt voornamelijk gebruikt voor responsive design?