> flexbox (flex 컨테이너) 박스 내 요소 간의 공간 배분과 정렬 기능을 제공하기 위한 1차원 레이아웃 모델. 1차원 모델 : 레이아웃을 다룰 때 한 번에 하나의 차원(행 or 열)만 다루는 모델. 컨테이너에 'display: flex;' 를 적용해서 만들 수 있음. '주축(→/main-axis)'과 '교차축(↓/cross-axis)'이 존재함. ex. > flex 컨테이너가 되기 전 > flex 컨테이너가 된 상태 기본 마진 값을 무시하고 자신의 진행 방향대로 요소를 배치함. (기본값은 행방향) > flex - direction 속성 flexbox 내에 요소를 배치할 때 사용할 주축 및 방향을 지정하는 속성. row : 기본값. 주축은 행. 방향은 콘텐츠의 방향과 동일. row-reverse..
