Вёрстка сайта с 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 (поддержать канал): 🗂️ Бесплатные курсы на канале: 📌 Автор: #версткасайтов