Week1

일반적으로 flexbox라고 불리는 Flexible Box Module은 1차원 레이아웃 모델로 디자인 됐고 인터페이스 item들 사이의 공간 분배(space distribution)와 강력한 정렬(alignment) 기능을 제공하는 method다.
(...)
flexbox를 1차원으로 설명할 땐, 행 혹은 열로 한 번에 한 차원의 레이아웃만 처리한다는 것을 말한다. 이 부분은 행과 열을 한 번에 처리하는 CSS Grid Layout의 2차원 모델과 대조된다.

flexbox을 사용할 땐 2개의 축, 메인축과 교차축을 기억해야 한다. 메인 축은 flex-direction 속성에 의해 정의되고, 교차축은 메인축과 직각을(perpendicular to) 이룬다. flexbox의 모든 작업은 이 2개의 축을 사용하니 처음부터(from the outset) 이 축들의 작동 방식을 이해하는 것이 매우 중요하다.

출처: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox