🧰TheDevToolbox

CSS Flexbox Generator

Flexbox Generator

Create CSS flexbox layouts with a visual editor

CSS ready• 116 chars

Direction:row

Items:4

Properties

DirectionJustify ContentAlign ItemsFlex WrapGap

10px

Items

4

Preview & Output

1

2

3

4

CSS Code

1	display: flex;
2	flex-direction: row;
3	justify-content: flex-start;
4	align-items: stretch;
5	flex-wrap: nowrap;
6	gap: 10px;

⌘⇧CCopy CSS