주축 분배
남는 공간을 시작, 가운데, 끝, 사이 간격으로 나눌 때 사용합니다.
메뉴, 버튼 묶음, 카드 행처럼 아이템이 한 줄 또는 한 축을 따라 움직이면 Flexbox가 가장 단순합니다.
남는 공간을 시작, 가운데, 끝, 사이 간격으로 나눌 때 사용합니다.
아이템 높이나 폭이 다를 때 한 줄 안에서 어디에 맞출지 정합니다.
아이템 수가 늘어날 수 있는 카드 목록에는 wrap을 켜서 넘침을 줄입니다.
grow, shrink, basis를 한 번에 다룹니다. 고정 width와 충돌하지 않게 기준을 하나로 정합니다.
flex-direction을 column으로 바꾸면 justify-content와 align-items가 바라보는 축도 함께 바뀝니다.