Как исправить маджины для всех браузеров?

Question

[tothedeadline]

Марджины не во всех браузерах правильно работают, запускал в опере gx, microsoft edge - не работает правильно, в яндексе - работает.
Черные полосы по бокам как ориентир.
В других блоках такая же проблема.
https://habrastorage.org/webt/60/c1/a7/60c1a7a7d51...
https://habrastorage.org/webt/60/c1/a7/60c1a7da369...


УСЛУГИ
...


CSS
.container {
width: 1200px;
margin: 0 auto;
}
.service-block {
background: rgb(31, 30, 30);
height: 767px;
}
.service-container {
background-color: rgb(221, 92, 92);
height: 767px;
}

Comments

[Ankhena]

Черные полосы по бокам как ориентир.

В инструментах разработчика поменяйте режим mobile на desktop.
И с вероятностью 99% увидите горизонтальную полосу прокрутки.
А это значит, что где-то есть блок, который выпирает и не дает сжаться родителю до размеров окна.
И ваши марджины на самом деле работают нормально.

Поэтому, если вы новичок, то нужно выкладывать код иллюстрирующий проблему в песочницу на jsfiddle.net или аналоги. А не задавать вопрос на основе неверного вывода.
Есть и еще плюс от такой тактики: пока делаете песочницу, возможно, поймете в чем проблема на самом деле.

Сделаете - позовите.

Answer 1

[valgerofficial]

А что собственно не работает? Вы отцентрировали container - всё по центру, в чем проблема?

Comments

[tothedeadline]

Если уменьшать разрешение в браузере, марджин с левой стороны не уменьшается и весь контейнер не централизуется

[tothedeadline]

На 1 скрине

[valgerofficial]

tothedeadline, codepen с кодой дай, так непонятно нечего