Почему появляется горизонтальный скролл на десктопе

Ширина макета 1366px, задала ширину ограничивающему контейнеру такую же - 1366px (верстаю макет desktop first впервые, до этого верстала только mobile first на курсах, при верстке mobile first нас учили задавать контейнеру для страницы ширину вьюпорта). Появляется горизонтальный скролл. В этой статье https://yoksel.github.io/bad-practices/containers/ говорится что нельзя задавать контейнеру ширину вьюпорта, но я раньше задавала и скролла не появлялось.Пробовала задать контейнеру ширину контента, хоть и в каждом блоке она разная, выбрала максимальную ширину, которая была в шапке- 1170px. Убрала все паддинги. Но и это не помогло, скролл никуда не делся. Что я делаю не так?

.page__body {
    background-color: $white;
    color: $dark-blue;
    font-family: "Montserrat", "Arial", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    min-width: 320px;
    margin: 0 auto;
    position: relative;
  }
  
  .page__container {
    margin: 0 auto;
    width: 1366px;
  }

Макет: