Lab3 - CSS 2

Goals of the exercise

• You can download, convert and host a font yourself.
• You can position elements.
• You can apply the basic principles of flexbox.
• You understand the difference between hidden, display: none, visibility: hidden and .visually-hidden.
• You can visually hide elements in a way that keeps them available for assistive technology.
• You can apply CSS transitions.
• You use CSS nesting to create more structured and organised stylesheets.
• You can work with CSS logical properties.
• You can create, use and overwrite CSS Custom Properties (variables).
• You can create an overlay link and explain its usefulness.

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.

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.

Not sure?

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