CSS Grid Layout. Практика + шпаргалка.

Заканчиваем изучать Grid Layout и сегодня применим ранее изученные знания на практике. А именно сверстаем простой макет, галерею и карточки товаров сугубо с помощью Grid Layout. Вперед!

👉 Шпаргалка по Grid (в разработке) - https://fls.guru/grid.html 👉 Результат практики - https://fls.guru/files/tutorials/grid_04.zip 👉 Правильное адаптивное меню бургер - https://www.youtube.com/watch?v=chJQofBSx94&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=4 👉 Адаптивные изображения - https://www.youtube.com/watch?v=nTtuiBXKp88

🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle 🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat) 🔴 Facebook: https://www.facebook.com/freelancerlifestyle 🔴 Instagram: https://www.instagram.com/freelancer.lifestyle

Содержание: 00:00 - Вступление 00:41 - Пишем HTML 06:30 - Основная грид сетка страницы 08:57 - Верстаем header 13:57 - Верстаем основной блок 15:38 - Верстаем галерею 18:49 - Верстаем товары 25:13 - Верстаем footer 26:10 - Адаптив грид сетки 33:30 - Заключение + шпаргалка

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle

🤟 Живи, а работай в свободное время! © ... https://www.youtube.com/watch?v=yWVJgnTpdUA