Labo 04 - Responsive Webdesign

Doel van de oefeningen

  • Een webpagina responsive maken
  • Leren toepassen van mediaqueries
  • Responsive images toepassen
  • Elementen laten meeschalen met venstergrootte
  • Een knop correct stijlen in kleur met een correct contrast
Ga naar de oplossing
Stukje CSS/responsive CSS code

Beschrijving

Het maken van een website dat responsive werkt. Dit houdt in dat de juiste typografie wordt gebruikt en dat images correct worden verkleint/vergroot.

Gebruikte websites

Reflectie

  • Super!

    De laatste oefening ging goed, de button en de before element werkten direct.

  • Kan beter!

    De picture en source elementen werkten niet direct door typefouten of min-/max-width omgedraaid maar uiteindelijk is dit toch gelukt.

  • Niet goed..

    Typografie, ik vond het lastig om te weten wat de goede line-height, font-size, marges etc waren. Ik hoop dus ook dat deze goed zijn op mijn portfolio.