Как это исправить?

Question

[Николай Угольников]

Почему справа появилась прокрутка в панеле разработчика, хотя при обычном просмотре в том же разрешении никакой прокрутки нет?
https://nikolay-del.github.io/AdvanceGo.github.io/

Answer 1

[strelok011]

Потому что

<div class="support__unification element-animation element-show">
                    <div class="support__buttons">
                        <a class="support__button support__button_1 support__button_active">Финансам</a>
                        <a class="support__button support__button_2">Интеграции</a>
                        <a class="support__button support__button_3">Безопасности</a>
                    </div>
                    <div class="support__images">
                        <div class="support__image_1 support__image_active"></div>
                        <div class="support__image_2"></div>
                        <div class="support__image_3"></div>
                    </div>
                </div>

изображение с классом support__image_1 support__image_active имеет абсолютное позиционирование, в результате при уменьшении ширины окна браузера получаем паразитный выступ за пределы контента.

Верстка нехорошая, но в вашем конкретном случае поможет добавление в класс .medium-container атрибута overflow: hidden;
Это костыль, по хорошему верстку надо переделывать, но тут это поможет от лишней прокрутки.

Comments

[Николай Угольников]

Что нужно переделывать, скажи пожалуйста?

[strelok011]

Написал - добавить в стиль атрибут - это подлечит.
А глобально - нужно переверстывать, уходить от абсолютного позиционирования, верстать на флексах такие размещения изображений.

[Николай Угольников]

strelok011, подлечит. Но изображения обрежутся

[Павел]

Так делайте медиа-запрос, уменьшайте абсолютно спозиционированный блок, выставляйте ему нужные координаты, чтобы он не вылезал за окно браузера - тогда не обрежется изображение.

Не хотите таких подгонок - переверстайте как фон section без использования after и absolute