홈 Design ToolsFlexbox 연습장

Flexbox 연습장

무료 온라인 Flexbox 플레이그라운드입니다. 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;