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 들을 묶음(줄 바꿈) 여부