Как сделать чтобы при масштабировании страница оставалась по центру?

Задний фон на 1920рх. При увеличении основной контейнер смещается в сторону. При 100% масштабе получается что страница выравнивается от заднего фона. При меньшем масштабе получается по центру.

<div class="header">
        <div class="container">
            <div class="row">
                <div class="header_main">
                    <div class="header_main_content_title">
                        Практический марафон, основанный на синтезе нумерологии, практической психологии и
                        работы с
                        бессознательным от эксперта в области трансперсональной психологии и известного
                        нумеролога —
                        Мары Борониной
                    </div>
                </div>
            </div>
        </div>
    </div>


.header
    width: 1920px
    margin: 0 auto
    background-color: #555
    &_main
        height: 860px
        padding-top: 27px
        &_title
            margin: 0 auto

масштаб 100% введите сюда описание изображения

масштаб 67% введите сюда описание изображения


Ответы (1 шт):

Автор решения: markak

Секция header должна быть на всю ширину экрана. Все, что центрируется должно находится в container.

Вы задаете для header ширину и центрируете:

width: 1920px
margin: 0 auto

Это нужно задавать в container. Для экранов меньше 1920px нужно задавать другую ширину контейнера - через медиа запросы.

→ Ссылка