FlexBox playground
Flex box Container
Child-1
Child-2
Child-3
Child-4
Child-5
Child-6
Flex box parent controller
display
block
justify-content
flex-start
flex-end
center
space-between
space-around
space-evenly
align-items
stretch
flex-start
flex-end
center
baseline
align-content
stretch
flex-start
flex-end
center
space-between
space-around
space-evenly
baseline
flex-direction
row
row-reverse
column
column-reverse
flex-wrap
nowrap
wrap
wrap-reverse
row-gap
column-gap
Flex box child controller
Child-1
Child-2
Child-3
Child-4
Child-5
Child-6
align-self
auto
flex-start
flex-end
center
baseline
stretch
Child-1
Child-2
Child-3
Child-4
Child-5
Child-6
flex-basis
Child-1
Child-2
Child-3
Child-4
Child-5
Child-6
order
Child-1
Child-2
Child-3
Child-4
Child-5
Child-6
flex-grow
Child-1
Child-2
Child-3
Child-4
Child-5
Child-6
flex-shrink