수업을 따라서 동일하게 코드 작성을 했는데 영상을 보면 선생님 화면과 다르게 product-list 부분과 footer 영역 과의 간격이 좁게 느껴져요 ㅜ [사진] 아래 사진은 제가 작성한 CSS 일부분입니다 . (그랩마켓 구현 3차까지 모두 들은 후 작성된 코드입니다 .) [사진]

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

22.01.27 22:42 작성 조회수 127

수업을 따라서 동일하게 코드 작성을 했는데 영상을 보면 선생님 화면과 다르게 product-list 부분과 footer 영역 과의 간격이 좁게 느껴져요 ㅜ

아래 사진은 제가 작성한 CSS 일부분입니다 . (그랩마켓 구현 3차까지 모두 들은 후 작성된 코드입니다 .)

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

답변 2

좋아요순

최신순

답변을 작성해보세요.

김김

2022.01.31

그랩

2022.01.31

김김님이 답변 남겨주셨네요 감사합니다!

수업을 조금 더 진행하면 height를 100vh로 바꾸는 내용이 나옵니다:)

#body 엘리먼트의 부모가 현재 전체 높이를 차지하지 않기 때문에, 100vh(화면 길이 100%, 즉 전체 길이)를 줘서 높이 영역을 제어해 줘야 합니다.