Верстаем сайт с CSS Container — новинка в CSS 🔥
Хостинг для сайтов: https://sweb.ru/hosting/?utm_term=ann...
Промотариф от 49 ₽/мес: https://sweb.ru/hosting/promo/forsazh...
В этом видео будем пробовать верстать сайт с новой технологией CSS Container, а также применим clamp() и единицы измерения ch и cqw.
Макет простой и использовать будем HTML/CSS, чтобы каждый мог разобраться в том, что я использую.
Обязательно обновите свой браузер, прежде чем начать верстать. Поддержка CSS Container на декабрь 2022 составляет 76%, поэтому результат вы увидите только в самых свежих версиях браузера.
⚡️ Макеты и демо можно получить через донат:
1) по подписке (доступ ко всем макетам) https://boosty.to/annblok
2) по подписке (доступ ко всем макетам) https://vk.com/donut/tpverstak
3) разовая оплата через крипту с получением одного макета https://new.donatepay.ru/@annblok (в комментариях напишите email)
⚡️ Что посмотреть перед тем, как начать верстать?
Видео про CSS Container - • Это Видео ЗАСТАВИТ Плакать Фронтендеров!
Видео про CSS Grid - • 🔥 CSS Grid - самый ПОНЯТНЫЙ ГАЙД по в...
Видео про VS Code - • VS Code — настройка, установка, плаги...
✅ Таймкоды:
00:00:00 Макет для вёрстки
00:00:58 Boosty
00:01:48 Как будем верстать?
00:02:12 Реклама sweb.ru
00:03:52 Подготовка проекта
00:09:50 Устанавливаем шрифт
00:11:20 Верстаем шапку сайта
00:23:25 CSS Container для шапки
00:26:17 Проблемы из-за CSS Container
00:32:38 Верстаем статью
00:56:22 Дублирование статей
00:58:08 CSS Container для статьи
🔵 Дзен — https://zen.yandex.ru/annblok
🔵 ВК — https://vk.com/tpverstak
🔵 Telegram — https://t.me/tpverstak
🔵 Чат Telegram — https://t.me/tpverstakchat
🔵 Instagram — / annblok
🔵 TikTok — / annblok_webdev
🔴 Задать вопрос — https://frontendhelp.me/ru
🔴 Обучение - https://frontendblok.com/
#css #html #верстка #версткасайта #верстальщик