flexbox에서 주축기준으로 정렬을 할 때는 justify-content속성을 사용한다고 했습니다.

교차축(주축의 수직방향)에 대하여 정렬을 할 때는 align-items속성을 사용합니다.

align-items속성값으로

• flex-start
  
• flex-end
  
• center
  
• stretch // 기본값
  

등이 올 수 있습니다.

flexbox이전엔 수직방향으로 정렬을 하는데 많은 어려움이 있었는데 참 쉽게 정렬을 할 수 있게 되었습니다.

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