플렉스 박스 레이아웃 이란? -그리드 레이아웃을 기본으로 한다 -플렉스 박스를 원하는 위치에 배치한다 (미디어 쿼리보다 쉬움) -여유 공간에 따라 너비, 높이, 위치 자유롭게 변형 가능하다 1. 플렉스 컨테이너 : 웹요소 전부 묶어준다. 2. 플렉스 항목 : 담기는 웹 요소, 1~6 모두 3. 주축 : 배치하는 기본 방향, 왼>오, 시작점 | 끝점 4. 교차축 : 주축과 교차되는 방향, 위>아래, 시작점 | 끝점 display 속성 : 플렉스 컨테이너 지정 ~묶어주려는 요소들의 부모 요소를 > 플렉스 컨테이너로 만듦 ~display 속성을 이용해 플렉스 박스 형태를 지정한다 ~flex 속성값 : 박스 레벨 요소 ~inline-flex 속성값 : 인라인 레벨 요소 {display : flex; } disp..