Interactive Flexbox Playground
flex-direction:
row
column
row-reverse
column-reverse
justify-content:
flex-start
flex-end
center
space-between
space-around
space-evenly
align-items:
flex-start
flex-end
center
flex-wrap:
nowrap
wrap
Current Flex Container Styles:
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
1
2
3
4