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

Первая часть мастер‑класса по верстке лендинга по БЭМ методологии с применением препроцессора Sass на диалекте SCSS. Подготовляем файловую структуру, анализируем макет, готовим шрифты, миксины, медиазапросы, утилитарные и глобальные классы. Верстаем шапку, секции hero и services. 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 — адаптация