Flexbox·Grid 생성

Flexbox·Grid 생성에서 Flexbox·Grid 설정에서 레이아웃 CSS 생성·미리보기합니다.

⌂ 입력과 결과는 이 브라우저 안에서 처리되며 자동 저장되거나 전송되지 않습니다.

모드

입력 대기

● 실시간 미리보기

미리보기 내용(선택)

열 수행 수간격교차축 정렬주축 정렬미리보기 항목 수

입력 대기

전체 텍스트 결과

사용 방법

Flexbox·Grid를 고르고 열·간격·정렬을 조정해 미리보기와 CSS를 연결해 봅니다.

이것만으로 반응형 설계가 완성되지는 않습니다. 실제 글·화면 폭에서 줄바꿈·넘침을 확인하고 필요한 반응형 조건을 설계하세요.

각 입력은 1,048,576바이트, 출력은 33,554,432바이트, 처리 시간은 5,000밀리초까지입니다. 입력을 알리지 않고 자르지 않습니다.