All tools
TinyTools
Free tool
📐
Flexbox Play
Interactive CSS Flexbox playground
Direction
row
row-reverse
column
column-reverse
Justify
flex-start
flex-end
center
space-between
space-around
space-evenly
Align Items
stretch
flex-start
flex-end
center
baseline
Wrap
nowrap
wrap
wrap-reverse
Gap (px)
Items
Preview
CSS
Copy