justify-content

justify-content

• 컨테이너 중앙에 flex 항목을 정렬한다.
• 가로 축을 기준으로 좌우에 대한 정렬을 관장한다.

flex-start(default)	요소들을 컨테이너의 왼쪽으로 정렬
flex-end	요소들을 컨테이너의 우측으로 정렬
center	요소들을 컨테이너의 중앙으로 정렬
space-between	요소들 사이에 동일한 간격을 둠
space-around	요소들 주위에 동일한 간격을 둠
space-evenly(FireFox Only)	첫번째로 오는 정렬 대상 전에 두개의 인접한 정렬 대상 사이의 간격과 마지막 정렬 대상 이후의 간격이 같도록 항목이 분산된다.

---

References.

https://www.w3schools.com/cssref/css3_pr_justify-content.php

https://ipex.tistory.com/entry/CSS3-flex-Box-justifycontent-alignitems