Забудьте о margin-top: используйте margin-bottom и gap
В последнее время я заметил, что в фронтенд-разработке есть что-то, что не стандартизировано, и люди часто делают это неправильно. Взгляните на этот простой пример: У нас есть header, body и footer. Body содержит три элемента. Это довольно простая структура, которая часто встречается в приложениях. Именно поэтому я выбрал её — она иллюстрирует более широкую проблему. HTML для этого выглядит так: <div class="header"> header </div> <div class="body"> <div class="item">item 1</div> <div class="item">item...
154 читали · 4 года назад
Урок 8. Двигаем контейнеры
Проверка задания 2 На уроке 7 вы получили своё второе задание: Я взял очередной отрывок, и вот что получилось: У вас должно быть то же самое, но со своим текстом, если вы не повторяли мой. Сегодня мы освоим первый и один из самых важных селекторов языка проектирования CSS3 - margin. Селектор отступа контейнера на экране браузера Для того, чтобы мы могли двигать созданные нами на предыдущих занятиях контейнеры <div>, используют очень простой селектор: margin - селектор CSS, который устанавливает величину отступа от каждого края контейнера...