В этом видео я показываю вёрстка сайта по готовому макету. Использую HTML, CSS, БЭМ, Flexbox и Grid. Вы узнаете, как верстать сайт по БЭМ, ведь это то практический пример использования этой методологии. Приятного просмотра 😇.
📌 Основы БЭМ: https://youtu.be/btJVoCZyjbA
📌 Макет: https://cutt.ly/xwJ0TUJh
👁🗨 Телеграм: https://t.me/frontend_du2
👁🗨 Discord: https://discord.gg/frontend
👁🗨 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 - Футер