<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">수업을 따라서 동일하게 코드 작성을 했는데 영상을 보면 선생님 화면과 다르게 product-list 부분과 footer 영역 과의 간격이 좁게 느껴져요 ㅜ</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><img src="https://cdn.inflearn.com/public/files/posts/7fcf7431-3f69-4e39-bfe2-f38c8944b2de/blob" alt="" /></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">아래 사진은 제가 작성한 CSS 일부분입니다 . (그랩마켓 구현 3차까지 모두 들은 후 작성된 코드입니다 .)</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><img src="https://cdn.inflearn.com/public/files/posts/55537b0d-fc98-4bf4-963a-1de0ac91e87d/blob" alt="" /></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>

<p>김김님이 답변 남겨주셨네요 감사합니다!</p>
<p>수업을 조금 더 진행하면 height를 100vh로 바꾸는 내용이 나옵니다:)</p>
<p>#body 엘리먼트의 부모가 현재 전체 높이를 차지하지 않기 때문에, 100vh(화면 길이 100%, 즉 전체 길이)를 줘서 높이 영역을 제어해 줘야 합니다.</p>

Inflearn Community Q&A

화면 구성 부분에서 어디가 잘못된걸까요?