The flex property sets the flexible length on flexible items. A flex container expands items to fill available free space or shrinks them to prevent overflow. Basics and terminology: * main axis – The main axis of a flex container is the primary axis along which flex items are laid out. Beware,
CSS has several different units for expressing a length. Many CSS properties take "length" values, such as width, margin, padding, font-size, etc. Length is a number followed by a length unit, such as 10px, 2em, etc. vwRelative to 1% of the width of the viewport* vhRelative to 1%
The ::before and ::after pseudo-elements are incredibly versatile tools in the CSS toolkit. They allow you to insert content onto a page without it needing to be in the HTML. The ::before selector inserts something before the content of each selected element(s). The ::after selector inserts something after the