Flexbox는 두 개의 축 - 주축과 교차축 -으로 구성되어 있습니다. 주축은 flex-direction속성에 의해 정의되고 교차축은 이에 수직입니다.

flexbox로 하는 모든 행위들이 이 축을 기준으로 하기 때문에 주축과 교차축을 정확하게 이해하는 것이 중요합니다.

주축은 flex-direction속성에 의해 정의되고, 속성값으로 다음 4개가 있습니다.

• row
  
• row-reverse
  
• column
  
• column-reverse 

row 혹은 row-reverse값은 인라인방향 (row,행)으로 축이 형성됩니다.

column 혹은 column-reverse값은 열방향(기존의 블록 엘리먼트 방향)으로 축이 형성됩니다.

교차축은 주축이 결정되면 주축과 수직방향을 의미합니다.

section{
  display:flex; 
  flex-direction:row;
}