Preview
Click any item to select it and adjust its flex properties below.
Presets
Container Settings
Sets the direction of flex items: main axis orientation.
Aligns items along the main axis. Controls spacing between items.
Aligns items along the cross axis on a single line.
Controls whether flex items wrap to multiple lines.
Aligns flex lines on the cross axis (only when wrapped).
Items
Items: 3 / 12
CSS Output