Sirin BouzammourWoaw!
It was interesting to see how a layout can adapt to different screen sizes using media queries and flexible elements.
Lab 4 - Responsive webdesign
Goals of the exercises
- You can make a web page responsive.
- You can apply media queries.
- You can use responsive images.
- You can scale elements based on the viewport size.
- You can format and style text.
- You can correctly style a button with proper color and contrast.
Description
This exercise introduces basic CSS styling, selectors, and the box model.
Related links
Reflection
Aauuw!
Making sure everything scales correctly on smaller screens and choosing the right breakpoints was sometimes confusing.
Not sure?
I still need more practice to feel confident when combining responsive images, text, and buttons in more complex layouts.