Flexbox Alignment: justify-content and align-items

justify-content spaces flex items along the main axis, align-items and align-self line them up across it, the two together center anything both ways, and an auto margin pushes one item to the far end.

Updated

Cheat sheet: Flexbox Alignment: justify-content and align-items
Category
CSS
Level
Apprentice
Tags
Align items, Align self, Auto margin, CSS, Justify content