⌨️ A visualization of different Flexbox alignment and justification modes ✨

One confusing part might be the difference between align-items vs align-content. The difference is visible only when flex wrap is enabled, and there are multiple flex rows.

👉 Align-items aligns the children in a particular row among themselves

👉 Align-content aligns the entire row itself relative to the Flexbox