Code Flick TechnologiesToolscodeftech.com

Flexbox Playground

Tweak flex-direction, justify-content, align-items, gap, wrap, and item count. Live preview plus copy-ready CSS.

100% in your browser. Files never uploaded.
1
2
3
4
5
CSS
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 8px;

How to use

  1. 1
    Tweak the controls
    Watch the live container update.
  2. 2
    Copy the CSS
    Drop straight into your stylesheet.

Related tools