플렉스박스 생성기

시각적 속성 선택기로 CSS flexbox 코드를 생성합니다. 실시간 미리보기.

Flexbox Generator

flex-direction

flex-wrap

justify-content

align-items

align-content

gap (px)

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

시각적 속성 선택기로 CSS flexbox 코드를 생성합니다. 실시간 미리보기.