Lab 3 — The Architecture of the Realms: Mastering CSS

The Tale

The assignment covered topics such as positioning elements, working with Flexbox, adding transitions, and managing typography through custom fonts. New techniques like CSS Custom Properties, nesting, and logical properties helped make the stylesheets more flexible and easier to maintain.

The Quest Objectives

• Self‑host custom fonts and manage typography within the project.
• Position elements and build flexible layouts using Flexbox.
• Apply CSS transitions to enhance interaction and feedback.
• Use CSS nesting, logical properties, and custom properties to structure stylesheets.
• Implement accessible techniques such as visually hidden elements and overlay links.

Reflections from the Road

What Went Well

• The beginner exercise.

What Could Be Improved

• Because I learned so much new stuff, it was hard to remember and implement them at first.