CSS Flexbox Generator

Arrange flex containers and items visually — a real-time playground that gives you instant CSS.

flex-direction

justify-content

align-items

flex-wrap

gap (px)

Item Count

100% browser-based — no data sent to any server

style.css