CSS Layout Playground — Grid & Flexbox

CSS copied to clipboard

Tools CSS Layout Playground

Columns

Rows

Grid Areas optional

Enable named areas

Click cells to name areas. Same name spans cells.

Items 3

Count

Flex Items 3

Flex Direction

Direction

Wrap

Alignment

justify-content

align-items

align-content

Spacing

gap

padding

Preview

auto

CSS Output