지금까지 flex-direction:row인 것을 살펴봤습니다.

flex-direction:column으로 설정을 하면 주축이 열(column)이 됩니다.

마찬가지로 주축을 기준으로

justify-content속성을 사용할 수 있고,

교차축 정렬을 위해 align-items를 사용할 수 있습니다.

section{
  display:flex; 
  flex-direction:column;
  justify-content:flex-end;  /* flex-start, center, space-between,...*/
  align-items:flex-start;
}