Flexbox cheat sheet

flex-containers

Flex container can take 6 different properties:

How elements aligned on main-axis

How elements aligned on cross-axis

How elements are aligned in multi-line container

flex-tems:

Overwrite align-items from container, align on cross-axis:

relativeness

Relative flex-items:

Absolute flex-items: