ВідеоIT та програмуванняв індексі з
🇺🇦 CSS @container як працює? Різниця між media і container? як користуватися css container?
401 перегляд на YouTube · опубліковано
🇺🇦 CSS @container як працює? Різниця між media і container? як користуватися css container? Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули - https://prytulafoundation.org/ 🇺🇦 Стерненко - https://www.youtube.com/@STERNENKO 👻 На розвиток каналу Frontend Shinobi БАНКА - https://send.monobank.ua/jar/5tEodxQoEu Крипта - USDT 0x284eF2F4db8B27905d68bBBECBC95a119259A395 Соурси: https://bitbucket.org/fairproject/frontend-shinobi-yt/src/main/33-%40container/ Опис відео роліка: В відео розберемо як користуватися новими можливостями, щоб адаптивні стилі для контейнерів. Що таке @container чим відрізнається від медіа запросів @media? Та для чого можно викорисовуватя @container щоб заставити адаптивно відбражатись компоненти без заложності від ширини в'юпорта а в залежності від ширини контенера в яйому компонент розташований #css #html #js #курсиCSS #урокиCSS #CSS #ContainerQueries #MediaQueries #ResponsiveDesign #WebDevelopment #FrontendDevelopment #CSSКонтейнер #КонтейнерніЗапити #АдаптивніСистеми #УрокиCSS #ВебРозробка #Програмування #ФронтендРозробка #CSS #ContainerQueries #MediaQueries #ResponsiveDesign #WebDevelopment #FrontendDevelopment #CSSContainer #CSSFeatures #AdaptiveDesign #ContainerVsMedia #CSSAdaptation #FrontendTips #CodingTutorials
Коментарі
Щоб написати, увійдіть.
Коментарів ще немає. Ваш буде першим.
Цей канал 115 відео в індексі
Більше від «Frontend Shinobi»
6:09Каскадні шари CSS через рік: чи варто ділити стилі по Mobile First / Desktop First?
7:55CSS Container Queries на практиці: коли @media недостатньо | + corner-shape
7:31Адаптивна сітка css grid — чому це працює
12:06🔥 Забудь про JavaScript: CSS слайдер, який працює без JS
21:36CSS Nesting - Чим відрізняється від CSS? І чи варто його використовувати?
22:53🇺🇦 CSS анімація кнопки, що слідкує за курсором миші | Без JavaScript
Шорти цього каналу
0:47CSS Магія: Анімація без JavaScript
1:30Ефективні анімації: Як оживити зображення на сайті
1:56Грід-розміщення: Як правильно налаштувати банер
1:52Псевдоелементи в CSS: Створення фонів із Position Absolute
2:19Оптимізація макетів: Гнучкі гріди для вашого сайту
0:17Анімація маски: Крок за кроком до творчості
0:53CSS Анімація: Зміна Розміру Маски при Фокусі
0:18Анімування стандартного діалогу: Легкий метод
0:52Покращення інклюзивності: як налаштувати аутлайн елементів
1:15Анімація CSS: Як реалізувати ефект без important
1:09CSS Грід: Простий Підхід до Створення Адаптивного Дизайну
2:05