Does this cover both container and item properties?

Yes — set justify-content, align-items, direction, and wrap on the container, with a live preview.

Can I use this to learn Flexbox?

Yes — changing each control and watching the preview update is one of the fastest ways to build intuition for how Flexbox works.

Yes — free, no sign-up, and everything runs in your browser.

Free Tool

Visually build a flex container — copy or download the CSS.

flex-direction

justify-content

align-items

flex-wrap

gap (px)