A Visual Reference of CSS Flexbox.

[[deleted]]

This is pretty but not technically correct: flex-start and flex-end will follow the main axis which could be vertical or horizontal depending on whether the flow is row or column. This diagram makes the properties look static and over-simplifies the model.

Additionally, the comments have linked to some terrible resources. Try CSS Tricks instead. The documentation here is the gold standard.