(반응형 웹 디자인에 적합한) 그리드 레이아웃grid layout을 만드는 방법 中 ⤻ 수식 첫 번째, 플렉스 박스 레이아웃flexible box layout. 낯선 용어들 먼저 정리하고 가자. ① flex container 플렉스 컨테이너, 부모 박스 flex item들을 모두 묶은 요소. ② flex item 플렉스 항목, 자식 박스 flex box를 구성하는 요소들 모두. 위 동영상에서는 1번 ~ 6번 박스들을 의미. ③ main axis 주축 flex box의 주된 배치 방향. 늘 수평방향을 의미하지는 않음. 위 동영상에서 1번 박스 왼쪽 위 꼭짓점을 '주축 시작점', 2번 박스 오른쪽 위 꼭짓점을 '주축 끝점'이라고 칭함. ④ cross axis 교차축 flex box의 주축과 교차하는 방향. ..