Mastering CSS, Colors, and Layouts
Consistent design uses a strict color palette. In CSS, we define these as
:root variables so we can change the theme easily.
Every element in HTML is a rectangular box. CSS determines the size of the layers around it. Understanding this is the key to layout.
CSS Flexbox allows us to align items efficiently. Think of it like leaves on a branch.
The example below uses display: flex and justify-content: space-between.
Resize your browser window! Because this uses flexbox, the leaves will automatically adjust their spacing to fit the branch.