grid 사용하고 반응형 적용후 질문

[남지윤]

안녕하세요 선생님

@media screen and (max-width: 1400px) {
  .inner-section3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .inner-section {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 850px) {
  .inner-section3 {
    grid-template-columns: repeat(1, 1fr);
  }
  .inner-section {
    grid-template-columns: repeat(1, 1fr);
  }
}

반응형 적용후 밑에 사진 (1400px로 줄였을때) 전체 html공간이 오버가 되서 저렇게 나오는데 혹시 문제가 무엇인지 알수있을까요?ㅜ
구글링으로 찾아보려니 정확한 문제점이 먼지 모르겟습니다..

[codingapple]

이미지 크기를 %단위로 주거나 줄여봅시다

[남지윤]

이미지들은
.inner-section3 img {
  max-width: 60%;
  height: auto;
}
이런식으로 적용이 되어있는상태입니다..ㅜ

[codingapple]

grid는 원래 이상해서 https://stackoverflow.com/questions/43311943/prevent-content-from-expanding-grid-items 이런거 따라해봅시다

[글쓴이]

글