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

Аватар автора
Александр Ламков — Friendly Frontend
✏️ Продолжаем верстать лендинг с того же момента, на котором остановились в прошлый раз. Ранее мы проанализировали макет, подключили к проекту нестандартные шрифты, добавили нормализацию стилей, составили набор глобальных переменных в 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 (поддержать канал): 🗂️ Бесплатные курсы на канале: 📌 Автор: #версткасайтов

0/0


0/0

0/0

0/0