Flexbox

[CSS] Flexbox / Grid 속성 이해하기

Flexbox✅ justify-content 아래 값들을 인자로 받아 아이템을 가로선 상에서 정렬flex-start: 아이템을 컨테이너의 왼쪽으로 정렬flex-end: 아이템을 컨테이너의 오른쪽으로 정렬center: 아이템을 컨테이너의 가운데로 정렬space-between: 아이템들 사이에 동일한 간격을 둠space-around: 아이템들 주위에 동일한 간격을 둠✅ align-items아래 값들을 인자로 받아 아이템을 세로선 상에서 정렬flex-start: 아이템을 컨테이너의 상단으로 정렬flex-end: 아이템을 컨테이너의 하단으로 정렬center: 아이템을 컨테이너의 세로선 상의 가운데로 정렬baseline: 아이템을 컨테이너의 시작 위치에 정렬stretch: 아이템을 컨테이너에 맞도록 늘림✅ fle..