ホーム Design ToolsFlexbox プレイグラウンド

Flexbox プレイグラウンド

CSS Flexboxのプロパティをビジュアルに実験。リアルタイムでレイアウトを確認。

Flex Direction

Justify Content

Align Items

Flex Wrap

Gap: 8px

Boxes: 5

CSS Code

display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 8px;