justify-content

주축 방향으로 아이템을 정렬합니다.

flex/grid에서 주축의 남는 공간을 어떻게 분배할지 정합니다. center, space-between이 특히 자주 쓰입니다.

주요 값flex-start | center | flex-end | space-between | space-around | space-evenly

예시

.bar { display: flex; justify-content: space-between; }