Sirin BouzammourWoaw!
I learned how different CSS concepts like Flexbox, nesting, custom properties, and self-hosted fonts work together to build a structured and responsive layout.
Lab 3 - CSS pt.2
Goals of the exercises
- You can download a font, convert it, and host it 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 accessible to assistive technologies.
- You can apply CSS transitions.
- You use CSS nesting to create more structured and readable stylesheets.
- You can work with CSS logical properties.
- You can create, use, and override CSS Custom Properties (variables).
- You can create an overlay link and explain its purpose.
Description
This assignment focuses on applying core CSS techniques such as Flexbox, custom properties, transitions, and accessibility-friendly styling.
Related links
Reflection
Reflection
Aauuw!
Understanding why some layouts did not behave as expected, especially with Flexbox and spacing, was challenging and took some trial and error.
Not sure?
I am not completely confident yet about choosing the best layout approach in more complex situations, but I feel more comfortable experimenting and debugging CSS.