display : flex display에 flex를 설정해 주면 코드의 자식 요소가 가로 정렬로 바뀌게 됩니다. 정확히 말하자면 수평된 주축을 기점으로 시작점에서 끝점 방향으로 자식 요소들이 정렬하게 됩니다. 여기서 flex를 설정해준 코드는 flex container, 설정해준 코드의 자식 요소는 flex items로 불립니다. - display : inline-flex inline-flex는 flex container를 block요소 처럼 세로로 쌓이는게 아닌 inline 요소의 특징처럼 가로로 쌓이게 만들 수 있습니다. display:flex와의 차이점은 이러한 정렬 요소가 있습니다. 💡 flex container가 inline 요소