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공간이 오버가 되서 저렇게 나오는데 혹시 문제가 무엇인지 알수있을까요?ㅜ
구글링으로 찾아보려니 정확한 문제점이 먼지 모르겟습니다..