Как избавиться от горизонтального скролла и белого пространства слева?

Question

[seregindev]

Доброго времени суток!
Сейчас верстал сайт при помощи Bootstrap, это мой первый опыт работы с ним.
Всё было хорошо до поры, до времени, пока я не решил просмотреть мобильную версию.
И что я там обнаружил.
В мобильной версии появилось белое пространство, не понимаю от куда оно там
Что касается планшетной версии, то там всё выглядит как на десктоп, появляется горизонтальный скролл(по сути вообще не адаптируется)

Подскажите пожалуйста, в чём искать ошибку ?

Как всё на мобильной версии выглядит
Весь контент слева +горизонтальный скролл появляется

Код HTML и Css, только здесь не подключен bootstrap...https://codepen.io/seregindev/pen/dNOmRZ

Comments

[Сергей delphinpro]

метатег viewport на странице есть?

[seregindev]

да, имеется!

[Сёмка Гавриленко]

seregindev: дайте адрес страницы или покажите весь код

[seregindev]

Сёмка: Как оказалось если я удалю всё содержимое элементов h1, h2, p, всё резко заработало..
Сейчас добавлю код страницы

[Сёмка Гавриленко]

seregindev: значит просто ширина слов больше ширины экрана. тут выход один - переносит по слогам или по буквам

Answer 1

[Евгений Николаев]

Как мне кажется где то намудрил с разметкой, внимательно проверь какое количество колонок ты выделяешь под каждые размеры экранов.

Comments

[seregindev]

Я уже раз 5 проверял, не смог найти в чём ошибка...

[Евгений Николаев]

seregindev: можешь написать мне в вк vk.com/enyanic вместе посмотрим на твой код.

Answer 2

[Максим]

как вы думаете ! по картинке что то ясно ?