display: flex;
- flex container : display 값을 flex로 설정한 부모 요소를 가리키는 용어.
- flex container의 자식 요소들(flex items)은 수평으로 정렬된다.
- block의 특성을 가진다.
display: inline-flex
- flex container이 인라인의 특성을 가지게 한다.
⬇️부모 요소(flex container)에게 부여하는 속성들
flex-direction
- 정렬의 방향(주 축)을 결정
- row(기본값) : 좌 → 우
- row-reverse : 우 → 좌
- column : 위 → 아래
- column-reverse : 아래 → 우
flex-wrap
- flex items 들을 묶음(줄 바꿈) 여부