#2 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma | Секция banner

✏️ Продолжаем верстать лендинг с того же момента, на котором остановились в прошлый раз. Ранее мы проанализировали макет, подключили к проекту нестандартные шрифты, добавили нормализацию стилей, составили набор глобальных переменных в root-селекторе, добавили немного стилей для `body` и утилитарного класса `container`, ну и в конце концов — сверстали десктопную версию шапки и адаптировали её под узкие экраны мобильных устройств. В этот раз — займемся секцией `banner`. 🔴 Timeline: ▶ 00:00​ | Вступление ▶ 00:28​ | Доработка header — фоновый цвет ▶ 00:55​ | Доработка header-menu-link — свойство aspect-ratio ▶ 01:22​ | Доработка header-burger-button — свойство aspect-ratio ▶ 01:30​ | Доработка header-burger-button — UX и доступность, класс visually-hidden ▶ 03:53​ | Разметка main ▶ 04:03​ | Разметка секции banner, ч. 1 ▶ 05:07​ | Правила работы с заголовками ▶ 06:51​ | Разметка секции banner, ч. 2 ▶ 11:10​ | Стилизация секции banner ▶ 21:29​ | Адаптация секции banner 📚 Ссылки: 💬 Чат в телеграмме (помощь новичкам): 🔸 Boosty (поддержать канал): 🗂️ Бесплатные курсы на канале: 📌 Автор: #версткасайтов