div.container: Flex Container (Flex의 영향을 받는 전체 공간)
div.item: Flex Item
메인축(Main Axis) : Flex Item들이 배치된 방향의 축
교차축, 수직축(Cross Axis) : 메인축과 수직인 축
1. row
2. row-reverse
3. column
4. column-reverse
1. wrap
2. nowrap
3. wrap-reverse
1. flex-start
2. flex-end
3. space-between
4. center
5. space-around
1. flex-start
2. flex-end
3. center
4. baseline
5. strech (기본값)
flex-wrap: wrap;
이 설정 되었을 때,1. flex-start
2. flex-end
3. center
4. space-between
5. space-around
6. stretch
⭐ 중앙정렬
display: flex;
justify-content: center;
aling-items: center;