Lab4 -responsive

Goals of the exercise

• You can make a web page responsive.
• You can apply media queries.
• You can apply responsive images.
• You can make elements scale with the window size.
• You can format text.
• You can style a button correctly in colour and with the right contrast.

Go to the solution

Decription

The purpose of this exercise was to test our HTML and CSS knowledge.
We had to apply all the information from the previous lessons in this exercise, i.e. apply the basics of HTML and CSS. We had to make the website and images responsive and put them in mobile first.

Related links

I used w3c-validator for checking and MDN-mozilla for extracting information.

Reflection

Wouw!

The layout and structure in HTML went smoothly, so I finished early.
CSS was a bit more complicated, but I managed it in the end.

Aauuw!

I had trouble finding the right selector, it was a bit confusing at first.
And position the cards correctly with a nice transition

Not sure?

As I am a beginner at programming in CSS, I sometimes doubt whether I am doing it correctly.