prduct-card 부분 도움 부탁드립니다. width, hei... - 인프런

강의 내용보고 따라 하고 있습니다.

product-card css 작성 부분을 잘못 실습을 했는지 제대로 보이지가 않습니다....

확인 드립니다.

크롬에서 보면 아래와 같이 나옵니다.. TT

html 부분
      <div id="product-list">
        <div class="prduct-card"></div>
        <div class="prduct-card"></div>
        <div class="prduct-card"></div>
        <div class="prduct-card"></div>
        <div class="prduct-card"></div>
        <div class="prduct-card"></div>
      </div>
    </div>
css 부분
* {
  margin: 0;
  padding: 0;
}

#header {
  height: 64px;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid gray;
}

#body {
  height: 100%;
  width: 1024px;
  margin: 0 auto;
}

#footer {
  height: 200px;
  background-color: red;
}

#banner {
  height: 300px;
  background-color: yellow;
}

#header-area {
  width: 1024px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

#header-area > img {
  width: 128px;
  height: 36px;
}

#banner > img {
  width: 100%;
  height: 300px;
}

#body > h1 {
  margin-top: 16px;
}

.product-card {
  width: 180px;
  height: 300px;
  background-color: gray;
}

인프런 커뮤니티 질문&답변

prduct-card 부분 도움 부탁드립니다. width, height 가 적용이 안됩니다....