Адаптивная верстка и белая полоса справа, всё перепробывал. Что не так?

Question

[lKolabrodl]

Здравствуйте, если вы мне поможете я буду безмерно благодарен.
сайт:
https://lkolabrodl.github.io/4_job/%D0%9C%D0%B5%D0...

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

1)viewport прописан,
2)убраны отступы у контейнеров, прописан
3) body{width:100%; height:100%; overflow-x:hidden;}
4) не имею класса content
спасибо за внимание

Comments

[Модератор]

Для комментирования ответа жмите линк "Комментировать" под ответом
Не нужно писать комментарий в форме для ответа
Оповещения о такой реплике не поступит автору ответа

Не нужно засорять секцию ответов "спасибовсем", "решено" и тп

Answer 1

[Одиночка Айс]

1. В адаптиве для картинок используйте img{ width:auto; max-width:100%; }
2. Чтобы увидеть кто куда вылазит, пропишите *{ border:1px solid red; box-sizing:border-box; }
3. Поработайте еще над футером))
4. Частыми виновниками таких поломок являются стрелки от slick-slider, что в вашем случае и произошло. Укажите им нужное положение (сейчас они вылезли за пределы контейнера)
5. А еще можно убрать box-shadow в отзывах

Comments

[sharpsss]

*{ border:1px solid red; box-sizing:border-box; } как же эта удобна - спосеба большое ))

Answer 2

[Erl]

У вас картинка вылазит за контейнер в блоке
"Найдено лекарство от рака?!"
задайте ей

widht:100%;
height:auto;

<img src="img/banner-mans.jpg" alt="banner-mans">

Answer 3

[Рома Зварич]

Момент №1:
Картинка = 470px

Скриншот

Задайте ей max-width: 100%

Момент №2
Кнопка слайдера выходит за рамки

Скриншот

Answer 4

[Егор]

html,body{
overflow-x: hidden
}
чтобы не было белой полоски

Comments

[lizzzzzza]

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