Верстаем сайт с 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 #верстка #версткасайта #верстальщик