На ширине - 1116px отступа еще нет(рис.1), но при уменьшении ширины дисплея начинает появляться отступ в правой части экрана и продолжает расти по мере сужения вьюпорта(рис.2). У body и html никаких отступов нет.
Чем это может быть вызвано и как решить эту проблему?
(рис.1)
Ссылку на сайт или код страницы через песочницу, пожалуйста.
Пока могу лишь сузить диапазон поиска ошибки до двух блоков: .banner и .reasons.
При комментировании кода этих блоков проблема исчезает.
Спасибо, проблемы нашел и решил, но всплыла другая. При последующем уменьшении ширины десктопа блок всё равно продолжает сохранять ширину в 980px(рис.1). Знаю, вопрос глупый, но, просто теоретически, где мне искать проблему?
Рис.1:
Если я всё правильно понял, первоначальная проблема была в том, что у некоторых блоков была фиксированная ширина и как только я поменял ее на max-width, проблема пропала.
Раскомментируйте код обратно, я тоже смотрю.
На стак оверфлоу посоветовали добавить:
<meta name="viewport" content="width=device-width, initial-scale=1">
Кажется это исправило вторую проблему
Это я сразу проверяла, но почему-то не помогло.
У черного кружка тоже фиксированные размеры и у псевдоэлементов-соединителей.
