Вёрстка сайта с 0 до результата | HTML, SCSS, БЭМ — Подробное ПОШАГОВОЕ объяснение | Часть 1

✏️ Первая часть мастер-класса по верстке лендинга по БЭМ методологии с применением препроцессора Sass на диалекте SCSS. Подготоавливаем файловую структуру, анализируем макет, готовим шрифты, миксины, медиазапросы, утилитарные и глобальные классы. Верстаем шапку, секции hero и services. 🔴 Timeline: ▶ 00:00 | Вступление ▶ 00:32 | Подготовка файловой структуры ▶ 02:32 | Нормализация стилей ▶ 04:30 | Анализ макета, заполнение глобальных CSS-переменных ▶ 09:45 | Подключение шрифтов ▶ 11:45 | Подготовка миксинов ▶ 16:09 | Миксины медиазапросов ▶ 21:22 | Утилитарные классы ▶ 23:27 | Глобальные стили ▶ 27:22 | Шапка страницы — разметка ▶ 36:02 | Шапка страницы — стилизация ▶ 43:02 | Шапка страницы — адаптация ▶ 56:50 | Секция Hero — разметка ▶ 01:02:52 | Секция Hero — стилизация ▶ 01:07:21 | Секция Hero — адаптация ▶ 01:19:24 | Секция Services — разметка ▶ 01:27:59 | Секция Services — стилизация ▶ 01:45:28 | Секция Services — адаптация 📚 Ссылки: 💬 Чат в телеграмме (помощь новичкам): 🔸 Boosty (поддержать канал): 🗂️ Бесплатные курсы на канале: 📌 Автор: #версткасайтов