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

Question

[hajdoz43]

Очень прошу объяснить, почему если начать уменьшать экран примерно до 1200px и меньше то появляется небольшой горизонтальный скролл?

https://codepen.io/anon/pen/KRGywO
Использую Flexbox Grid как сетку. Так вот, если для body указан margin: 0 (который собственно в normalize.css указан по умолчанию), то появляется небольшой скролл... В чём причина такого поведения? Заранее благодарен за любую помощь.

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/zjmPNo что то у вас больше ширины - при указания max-width встало на место , ищите то что вылазиет

Comments

[hajdoz43]

Спасибо за ответ, теперь ищу проблему.

[Максим]

hajdoz43, помог я ?

Answer 2

[Dave Hornigan]

Убрал, скрол пропал

.row {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

Comments

[hajdoz43]

А зачем они его добавили?)

[Dave Hornigan]

hajdoz43, это ты у них спроси :) Как по мне, если задача решена, то об этом и думать не стоит

[hajdoz43]

Большое спасибо)