Flexbox Visualizer
flex-direction:
row
row-reverse
column
column-reverse
flex-wrap:
nowrap
wrap
wrap-reverse
justify-content:
flex-start
center
flex-end
space-between
space-around
space-evenly
align-items:
stretch
flex-start
center
flex-end
baseline
gap (px):
Number of boxes:
Copy CSS