플렉스와 그리드 레이아웃 기초

한 방향 배치

가로나 세로 한 줄 정렬 · 메뉴, 버튼 그룹 · 간격 조절이 편함 · 개수가 유동적일 때

격자 배치

행과 열이 있는 구조 · 카드 목록, 갤러리 · 정렬이 정확 · 복잡한 배치에 적합

가로로 나열되는 항목.

격자로 배치되는 콘텐츠.

여러 열로 배치.

라벨과 입력칸 정렬.

머리말, 본문, 꼬리말 배치.

두 방식을 섞어 씁니다.

화면에 따라 자동으로 재배치됩니다.

기술을 몰라도 요청할 수 있습니다.

□  원하는 배치를 구체적으로 설명했는가

□  화면 크기별 배치를 지정했는가

□  모바일에서 요소 순서를 정했는가

□  한 줄에 몇 개씩 보일지 정했는가

□  여러 크기에서 결과를 확인했는가

□  구형 브라우저 지원 범위를 확인했는가

□  자동 줄바꿈이 자연스러운가

□  간격이 화면에 맞게 조절되는가