Рубрики
Front-end

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

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

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

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

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

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

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

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

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

background-color: black;

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

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

Рубрики
Front-end

Изучение CSS и HTML на телефоне

Я решил освоить профессию Front-end разработчик. По совету практикующих людей, многих статей и роадмапов начал изучение HTML и CSS.

Информации по этим темам очень много: курсы, статьи, тренинги. Много бесплатных и относительно недорогих, до 5000 рублей, материалов.

Чтобы информация усилилась лучше нужно практиковаться. Многие моменты можно сделать только на компьютере. Но также много моментов можно сделать на телефоне.

Есть приложения и учебные материалы для мобильных.

Мне показалось очень полезным приложение «Практика по HTML и CSS«. На дату 12.12.2022 там более 200 упражнений и в приложении вообще нет рекламы.

Пример упражнения

В приложении нужно написать HTML или CSS код и проверить как это отображается. Если вы не помните или не знаете как написать код, есть подсказка с примером.

Отличное приложение, чтобы познакомиться со многими элементами.