HTML - Box Alignment (justify-content)

• justify-content와 align-itmes

• 메인축 정렬 옵션 -> jestify-content : flex-start | flex-end | center | space- betwwn | space-around;

• 수직방향에서 메인축 정렬옵션 -> justify-content : flex-start | flex-end | center | space-betwwen | space-around; -> 수직방향에서는 여백이 없으므로 contanier 에 높이를 설정해야만 한다.

• space-between;

• space-around -> 여백이 아이템수의만큼쪼개진다. 반쪽반쪽 (10개씩 쪼개짐)

• space- evenly -> beetween 과 비슷한데 양쪽끝에 여백이 추가된것