Interactive CSS Flexbox Generator

Visually build and generate code for your Flexbox layouts in real-time.

Controls

Flex Container Properties

display flex-direction flex-wrap justify-content align-items align-content gap (px)

Selected Item Properties (None)

flex-grow flex-shrink flex-basis (auto, px, %) align-self order