FLEXIT
1
2
3
4
Add Child
Remove Child
Full Screen
Parent Styles
display
block [default]
flex
align-content
stretch [default]
center
flex-start
flex-end
space-between
space-around
space-evenly
align-items
stretch [default]
center
flex-start
flex-end
baseline
justify-content
flex-start [default]
flex-end
center
space-between
space-around
space-evenly
flex-direction
row [default]
row-reverse
column
column-reverse
flex-wrap
nowrap [default]
wrap
wrap-reverse
Child Styles
Click on any flex item to select it
align-self
auto [default]
stretch
center
flex-start
flex-end
baseline
order
flex
flex-grow
flex-shrink
flex-basis