Как сделать адаптивный фон у блоков?

Question

[Dekarlin]

Всем приятного дня. Только осваиваюсь в вёрстке и вот решила сверстать первый макет. Не подскажете, почему фоновое изображение и фоновый цвет при уменьшении сайта выдают белую полосу?
Заранее спасибо за ответ.

Answer 1

[Magnet19]

Скорее всего Хедер слишком широкий, видно, что кнопка слишком длинная и всё ломает.

Comments

[Dekarlin]

Виновата не кнопка.

[Dymok]

Dekarlin, удаляйте элементы DOM пока ширина не станет нормальной и поймёте в каком блоке проблема

Answer 2

[id_baton4eg]

так часто бывает, это ошибка верстки в bootstrap. Я бы удалял прям в браузере блоки по по одному пока полоса не исчезнет для определения где ошибка, потом в нужно блоке искал где есть ошибки верстки. Мне кажется где-то неправильная кострукция .container>.row>.col

P.S. в поддержку ответа Magnet19 , возможно он прав, посмотрите в шапке возможно нет контейнера, либо ошибка конструкции что я указал может быть вверху в панели навигации.

Comments

[Dekarlin]

bootstrap пока не использовала. Типа если без него верстала, то и проблема не исчезнет?

[id_baton4eg]

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