06 / Tools CSS Flexbox Playground

CSS Flexbox Playground.

Configure CSS flexbox properties visually — see how flex containers and items behave with instant code output.

Container
flex-direction
flex-wrap
justify-content
align-items
align-content
gap
8px
Items
Number of items
5

Generated CSS