CSS Grid·Flexbox 만들기
실시간 미리보기와 복사 가능한 CSS로 반응형 Grid·Flexbox 레이아웃을 설계합니다.
입력란에 포인터를 올리거나 선택하면 도움말이 표시됩니다. Escape로 닫을 수 있습니다.
사용 방법
내용을 붙여 넣거나 예제를 확인하세요. 옵션을 선택하고 실행한 뒤 결과를 복사하거나 다운로드하세요.
사용 예제
레이아웃
Layout
자주 묻는 질문
입력 내용이 서버로 전송되나요?
아니요. 내용은 이 브라우저에서 처리되며 서버로 전송되거나 저장되지 않습니다.
CSS Grid·Flexbox 만들기 사용 시 알아둘 점은 무엇인가요?
미리보기는 번호가 있는 블록을 사용합니다. 생성된 CSS에는 레이아웃 규칙이 포함됩니다. 선택자와 중단점은 페이지에 맞게 조정하세요.