Goals

Understanding the difference between display, visibility and visually hidden elements

Description

In this lab I learned how to control the layout of a webpage using modern CSS techniques. I experimented with different positioning methods such as relative, absolute, fixed and sticky, and learned how elements are positioned within their parent containers.

Labo 03 Result

Reflection

This lab was more challenging than the previous ones because CSS layout requires more pointed thinking. It was sometimes difficult to understand why elements behaved in a certain way, especially when working with positioning and z-index.