Tune flex-direction, justify-content, align-items, flex-wrap and gap with a live preview — copy-ready CSS, 100% in your browser.
8
4
Pick flex-direction (row/column and reverses), justify-content (main-axis), align-items (cross-axis), wrap behavior and gap. Adjust the children count (2–8). The preview and CSS update live.