Рубрики
Front-end

Как убрать белую полосу между блоками с помощью CSS

Я прохожу тренинг по Front-end разработке и дошел до практического блока.

Верстая страницу столкнулся со сложностью. Не мог убрать белую полосу между блоками, как на фото ниже.

белая полоса между блоками

Потратил несколько часов на изучение форумов. Эта проблема популярная и предлагаются различные решения. Но в моем случае это не подходило.

В первую очередь решил разобраться чья это полоса, какого блока. Добавил дополнительный блок, чтобы было нагляднее.

Дополнительный блок для поиска полосы

В моем случае стало понятно, что полоса появляется от верхнего блока.

Все отступы я убрал заранее и в инспекторе ничего не видно. Пришла в голову мысль, что фоновое изображение не полностью закрывает блок. Сделал заливку для блока:

background-color: black;

И, это помогло! Полоса ушла.

Белая полоса между блоками исчезла

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *