Вёрстка сайта с 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 — с