Beetje Coderen

Les 14

Responsive design

Eén pagina voor telefoon, tablet en desktop.

⏱ 45–60 minuten leestijd + oefenen

🎯 Na deze les kun je

  • de viewport-meta-tag gebruiken
  • media queries schrijven mobile-first
  • responsive afbeeldingen toepassen

Meer dan de helft van alle bezoekers komt via een telefoon. Een pagina die op je laptop mooi is, maar op een telefoon piepkleine tekst heeft of horizontaal scrolt, verliest die bezoekers. Responsive design betekent: één pagina die zich aanpast aan elk scherm. In deze les leer je de drie bouwstenen: de viewport-instelling, media queries en flexibele afbeeldingen.

🔒 Deze les zit in het betaalde deel van de cursus

De eerste 6 lessen zijn gratis; de rest van de cursus, de live labs en het certificaat koop je eenmalig (€ 19,00). Geen abonnement. Online afrekenen komt binnenkort beschikbaar.

Wil je een seintje als het zover is?