Labo 04 - Responsive Webdesign
Goals of the exercise
- Je kan een webpagina responsive maken.
- Je kan mediaqueries toepassen.
- Je kan elementen laten meeschalen met de venstergrootte.
Description
Deze opgave gaat ervan uit dat je CSS reeds onder knie hebt en dat je het vorige labo (Labo 3) hebt afgewerkt. We gaan er ook vanuit dat je de les over responsive webdesign hebt gevolgd.
Related links
Nothing to see here :)Reflection
-
Woaw!
Responsive webdesign was intuïtief. Media queries toepassen en flexbox gebruiken maakte het layout aanpassen aan verschillende schermgroottes eenvoudig.
-
Aauuw!
Het was lastig om alle breakpoints correct in te stellen en elementen proportioneel te laten schalen. Mobile-first benadering vereist andere denkwijze.
-
Not sure?
Ik ben onzeker over de optimale breakpoints. Het responsive gedrag werkt, maar ik weet niet of het de beste user experience biedt op alle devices.