🛠️ToolsShed

Flexbox 생성기

시각적 편집기와 라이브 미리보기로 CSS flexbox 레이아웃 코드를 생성합니다.

미리보기

1
2
3

아이템

아이템 1
grow
shrink
basis
아이템 2
grow
shrink
basis
아이템 3
grow
shrink
basis

CSS 출력

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

자주 묻는 질문

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.