flexbox란? box를 원하는 아무 곳에 놓을 때 사용하는 기능입니다. 매우 유연하게 사용할 수 있기 때문에 flex라는 이름이 붙여졌습니다. 특징: 1) 자식 element에 지정하지않고, 부모 element에 지정합니다. (부모가 자식을 제어) 2) 부모 element를 flex 컨테이너로 지정해야 합니다. 즉, 부모 element의 CSS를 dixplay: flex;로 지정해야 합니다. 기초 속성 justify-content: 수평(가로)축 위치 조절 속성 (main axis) align-items: 수직(세로) 축 위치 조절 속성. (속성을 변화하여 축 회전이 가능하다.) (cross axis) justify-content (빨간색 박스가 3개 있을 때) flex-start: 기본값(defau..