align-items VS justify-content align-items 세로축을 기준으로 정렬한다. (위-아래) flex-start: 상단으로 정렬 flex-end: 하단으로 정렬 center: 중앙으로 정렬 baseline: 컨테이너의 시작위치에 정렬 stretch (default): 컨테이너에 맞게 늘림 justify-content 가로축을 기준으로 정렬한다. (좌-우) flex-start (default): 왼쪽으로 정렬 flex-end: 오른쪽으로 정렬 center: 중앙으로 정렬 space-between: elements 사이에 동일 간격을 둠 space-around: elements 주위에 동일 간격을 둠