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

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

📌 Основы БЭМ: https://youtu.be/btJVoCZyjbA
📌 Макет: https://cutt.ly/xwJ0TUJh

👁‍🗨 Телеграм канал: t.me/frontend_du2
👁‍🗨 YouTube канал: www.youtube.com/@alex_dudukalo
👁‍🗨 Discord сервер: https://discord.gg/wyskBGxFcX
👁‍🗨 Дзен: https://dzen.ru/frontend_it
👁‍🗨 Rutube: https://rutube.ru/channel/31450168
👁‍🗨 VK: https://vk.com/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 - Футер