Empty에서도 flex: 1로 자신이 차지할 수 있는 영역을 모두 차지하게 했지만, 애초에 그 상위에 있는 영역이 화면의 전체 영역을 사용하지 않고 일부 영역만 사용하고 있었기 때문에 flex: 1 속성이 제대로 작동하지 않은 것입니다.

이렇게 코드를 작성하고 나면 다음과 같이 레이아웃 준비가 끝납니다.

▲ 그림 3-19 레이아웃 준비 끝