HTML 태그는 크게 Box(Sectioning) - 사용자에게 보이지 않음 / Item(Block, Inline) - 사용자에게 보임 이렇게 두 종류로 구분할 수 있다.
section 요소를 일반 컨테이너로 사용하지 말자.
단순한 스타일링이 목적이라면 div를 사용하고, 문서 요약에 해당 구획이 논리적으로 나타나야 할 때 section을 사용하자.
반응형 사이트를 구성할 경우 flex-box를 사용한다면, item에 flex-grow 속성으로 늘어나는 비율을 지정할 수 있고, flex-shrink는 줄어들었을 때의 비율을 지정할 수 있다. 이를 더욱 디테일하게 지정하려면 flex-basis속성으로 %를 사용할 수 있다.