How to fix majins for all browsers?

Question

css

Margins do not work correctly in all browsers, I ran gx in opera, microsoft edge - does not work correctly, in Yandex - it works.
Black stripes on the sides as a guide.
Other blocks have the same problem.
https://habrastorage.org/webt/60/c1/a7/60c1a7a7d51...
https://habrastorage.org/webt/60/c1/a7/60c1a7da369...


SERVICES
...


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;
}

Answer 1

What doesn't actually work? You centered the container - everything is centered, what's the problem?