⌨️ 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

Still writing bulky CSS? Time to trim it down a bit

You know about the vh unit in CSS, but what are these new mystery units in CSS