CSS display:flex/align-items 교차축을 기준으로 열의 정렬

• justify-content: center; align-items: stretch; 부모 width 중앙에서 부모의 height에 바짝 붙어 늘어난다.

• justify-content: space-between; align-items: flex-start; 부모의 width에 바짝 붙어 마진없이 퍼지고 부모의 height 상단에 바짝 붙는다.

• justified-content:flex-start; align-items: flex-end; 부모의 witdh의 왼쪽에 바짝, height 아래에 바짝 붙는다.

• justified-content: space-evenly; align-items: center 부모의 width에서 같은 간격으로 퍼지고height 중앙에 붙는다.