Flexbox Cheatsheet

gistfile1.txt

# Choose the main axis:
flexDirection: 'column' || 'row'

# Align the main axis:
justifyContent: 'flex-start' || 'flex-end' || 'center' || 'space-around' || 'space-between'

# Align the cross axis:
alignItems: 'flex-start' || 'flex-end' || 'center' || 'stretch'

# Align individual elements:
alignSelf: 'flex-start' || 'flex-end' || 'center' || 'stretch' || 'auto'

# Give it a wrap:
flexWrap: 'wrap' || 'nowrap'

# Define relative fluidity of an element:
flex: number (e.g. 1, 1/2)