프론트엔드 | flex

가로, 세로 정렬 속성

• justify-content : 가로 정렬
• align-items : 새로 정렬

justify-content

• flex-start (default) : 왼쪽 정렬
• flex-end : 오른쪽 정렬
• center : 중앙 정렬
• space-between : 요소 사이에 동일한 간격을 둠
• space-around : 요소 주위에 동일한 간격을 둠

align-items

• flex-start : 최상단 정렬
• flex-end : 최하당 정렬
• center : 중앙 정렬

참고

• flexbox로 만들 수 있는 10가지 레이아웃