반응형 웹이나, 컨테이너 박스를 유연하게 조절하고 싶을 때 플렉스박스(flexbox)를 사용한다. 1. 플렉스 박스(flexbox) 플렉스박스는 행 또는 열을 주축으로 설정하여 웹 요소를 배치 및 정렬하는 1차원 레이아웃 방식을 말한다. 플렉스박스 방식에서, 요소의 배치와 정렬은 플렉스 컨테이너와 플렉스 아이텐 간의 상호작용을 통해 결정된다. 플렉스 컨테이너: 플렉스박스 방식으로 레이아웃을 결정할 요소 플렉스 아이테: 플렉스 컨테이너 내부에서 플렉스박스 방식으로 배치되는 요소 시작: 플렉스 컨테이너로 사용하고자하는 요소를 선택해서 display: flex; 속성을 지정하면 플렉스 컨테이너가 만들어진다. 플렉스 컨테이너가 인라인 레벨 요소이길 원한다면? display: inline-flex로 지정해주면 된..