Flexbox Property Cheat Sheet
Reprinted from the slides.
Parent (Flex Container)
display: flex | inline-flex;
flex-direction: row | row-reverse | column | column-reverse;
flex-wrap: wrap | nowrap | wrap-reverse;
flex-flow (shorthand for flex-direction and flex-wrap. List values for both properties.)
justify-content: flex-start | flex-end | center | space-between | space-around;
align-items: flex-start | flex-end | center | baseline | stretch;
Children (Flex Items)
order: <integer>;
flex-grow: <number>;
flex-shrink: <number>;
flex-basis: <length> | auto;
flex: shorthand for grow, shrink, and basis (default 0, 1, auto)
align-self: overrides alignment set on parent