Почему блок не центрируется?Что за странный отступ появляется?

Question

[Mambli Joe]

Подскажите, пожалуйста.
Почему при одном разрешении с центрированием все нормально (Рис. 1)

а при ширине в 1000px с центрированием проблемы (Рис. 2)
.
Как убрать "непонятный" отступ справа после margin-right?

Comments

[RAX7]

открыл у себя localhost:3000 , там такого нет. Может код в песочницу скинешь https://jsfiddle.net

[Rustam Bainazarov]

RAX7, эх, надо было открыть порт 1488, там всё есть.

[RAX7]

Рустам Байназаров, всем то не рассказывай про 1488, а то роскомнадзор и его забанит

[Rustam Bainazarov]

RAX7, скорее себе застолбит.

Answer 1

[Дмитрий Невейков]

Странным не показалось что если ширина блока 960px, разрешение на 1000px, но справа такой огромный отступ? Центрирование отрабатывается, дело в неккоректном отображении. Какой то блок, возможно, вылезает за разрешение. Может быть дело в скриптах.

Answer 2

[Дмитрий Чайников]

Попробуйте этот блок wrapper заключить в другой блок с классом row, например так:

<div class="row">
   <div class="wrapper">
      ... содержимое блока
   </div>
</div>

Также в CSS пропишите следующее:

* {
	box-sizing: border-box;
}