Вёрстка адаптивного сайта для новичков по БЭМ с адаптивностью

В этом видео я показываю вёрстка сайта по готовому макету. Использую HTML, CSS, БЭМ, Flexbox и Grid.  Вы узнаете, как верстать сайт по БЭМ, ведь это то практический пример использования этой методологии. Приятного просмотра 😇.

📌 Основы БЭМ:    • БЭМ - простыми словами. Часть 2  
📌 Макет: https://cutt.ly/xwJ0TUJh

👁‍🗨 Телеграм: https://t.me/frontend_du2
👁‍🗨 Discord:   / discord  
👁‍🗨 VK: https://vk.com/frontend
👁‍🗨 Дзен: https://dzen.ru/frontend
👁‍🗨 Rutube: https://rutube.ru/u/frontend

Тайм-коды:
00:00 - Интро
00:44 - Макет
02:51 - БЭМ-компоненты
07:26 - Создание проекта
08:21 - Верстка компонентов
01:09:39 - Вёрстка главной страницы
01:10:28 - Шапка
01:22:09 - Секция "Hero"
01:33:37 - Секция "Обратная связь"
01:41:13 - Секция "Каталог"
01:50:26 - Футер