CSS Flex / Grid Playground

Experiment with flexbox and grid container properties live.

Mode ItemsDirection Wrap Justify Align

Preview

CSS

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
}

About this tool

Experiment with flexbox and grid container properties live.