Lab 4 - Responsive webdesign

Goals of the exercise

• You can create and style a web page.
You can make a web page responsive using media queries.
• You can apply responsive images.
• You can make elements scale with the viewport size.
• You can format text correctly.
• You can style buttons with appropriate colors and sufficient contrast.

Go to the solution of the exercise: click here

Description

In this exercise, you will design and style a responsive web page that adapts to different screen sizes using media queries and scalable elements. You will also format text and style buttons with proper colors and contrast for accessibility.

Related links

I used this link to look up some things about responsive images.

Reflection

• Good
  • Exercise 1 went quite well because we had to reuse some things from the previous labs
• Difficult
  • In exercise 3 I found it difficult that we only had to get 3 images next to each other, I had to look for something
  • I found the last exercise difficult because we had to work with a link and a button and we had to place an icon next to the link, but I found it difficult to bring the icon to the same height as the link.