Flex-Box Playground
1
Reset
.flexbox {
flex-direction:
row
row-reverse
column
column-reverse
flex-wrap:
nowrap
wrap
wrap-reverse
justify-content:
flex-start
flex-end
center
space-between
space-around
space-evenly
align-items:
stretch
baseline
center
flex-start
flex-end
align-content:
stretch
center
flex-start
flex-end
space-between
space-around
}
.flex-item
1
2
3
4
5
6
7
8
9
{
order:
flex-grow:
flex-shrink:
flex-basis:
px
align-self:
stretch
baseline
center
flex-start
flex-end
}