item, container

flex box를 사용할때 class 이름을

<div class="container">
	<div class="item"></div>
</div>

이런 식으로 마크업을 해서

.container {
	display: flex;
    .
    .
    .
}

flex를 적용할 부모 영역을 container 선택자로 지정하곤 한다

근데 문득 궁금해졌다
왜 하필 컨테이너와 아이템을 사용할까

플렉스나 그리드처럼 자식이 일관된 규칙을 가지는 건 아니니까
그렇게 생각하면 오해할 수 있을 것 같아요

즉 시멘틱적인 의미로 자식이 일관된 규칙을 가지는 경우에(flex나 grid)처럼 그때 사용해야 한다는 것