Lab 01 - Fundamentals of HTML

Goals

Host fonts, position elements, and apply flexbox; use CSS transitions, nesting, logical properties, and variables; visually hide elements without losing accessibility; create and explain overlay links; understand the difference between hidden, display: none, and visibility: hidden.

Description

This exercise assumes you have followed the CSS lessons and have a good understanding of them. The final lesson covers display, visibility, positioning, z-index, logical properties & values, flexbox, transitions, CSS nesting, and CSS custom properties (variables).

Related links

• Website to practice flexbox on

  Flexbox Froggy

Reflection

• What went well?

  I was able to use previously used HTML code, minimising the time needed for the exercises.

• What could have gone better?

  Will be added when I get my results

• What went bad?

  Will be added when I get my results