If you can't quite remember something flexbox related, this compact 1 page visual representation might help. Scan through the thumbnails for the desired example. If looking for more than a cheatsheet, try MDN's "Using CSS flexible boxes" or Philip Walton's Solved by Flexbox.

Parent Element

display: flex | inline-flex
flex-flow: <flex-direction> <flex-wrap>

All Positioning

1
2
flex-direction
row row-reverse column column-reverse
justify-content
flex-start flex-end center space-between space-around
f
n
o
align-items
stretch flex-start flex-end center baseline

Multiple Lines

1
2
3
flex-wrap
nowrap wrap wrap-reverse
align-content
stretch flex-start flex-end center space-between space-around

Children Elements

flex: <flex-grow> <flex-shrink> <flex-basis>

Sole Positioning

f
n
align-self
stretch flex-start flex-end center baseline
1
2
3
order
<integer>

Full Bleed

✗
flex-grow
default: 0
✗
flex-shrink
default: 1
flex-basis
default: auto