CSS Flexbox generator

Build flexbox layouts visually · adjust container & item properties, see live preview, copy the CSS.

Container Properties

flex-direction

flex-wrap

justify-content

align-items

align-content

gap

Number of Items

Live Preview

Generated CSS

Related Tools

JavaScript vereist

De tools van Absolutool worden volledig in uw browser uitgevoerd en vereisen JavaScript om te kunnen werken. Schakel JavaScript in uw browserinstellingen in.

CSS Flexbox generator

Container Properties

Live Preview

Generated CSS

Related Tools

Feedback sturen