ВідеоIT та програмуванняв індексі з
🇺🇦 CSS SubGrid? Як зробити підсітку в середині сітки GRID? Сітка, що форматє контент автоматично!
219 переглядів на YouTube · опубліковано
🇺🇦 CSS SubGrid? Як зробити підсітку в середині сітки GRID? Сітка, що форматє контент автоматично! Зроби це світ краще 👇 👇 👇 🇺🇦 Фонд Притули - https://prytulafoundation.org/ 🇺🇦 Стерненко - https://www.youtube.com/@STERNENKO Соурси https://bitbucket.org/fairproject/frontend-shinobi-yt/src/main/29-subgrid/ https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Subgrid 👻 На розвиток каналу Frontend Shinobi БАНКА - https://send.monobank.ua/jar/5tEodxQoEu Крипта - USDT 0x284eF2F4db8B27905d68bBBECBC95a119259A395 Опис відео роліка: Дуже части виникає необхідність зробити GRID сітку наприклад у каталозі товарів, але таким чином, щоб ще і сітка в середині кожної карточки теж формувалась автоматино в залежності від контента в інших карточках, звісно що такий варіант до того як з'явилися SubGrid в CSS можна було реалізовати JavaScriptом, але тепер можна просто зробити кодин елемент GRID - його SUBGRID елементом і CSS буде формувати сітку в середині кожного елемента автоматично, при тому навіть враховуючі рядки - тобто формувати однакову сітку не для всіх елементів, в для всіх елементів на рівні кожного нового рядка, що є дуже подужно і зовсім без використання JS Приємного перегляду! #css #html #js #курсиCSS #урокиCSS #CSS #Subgrid #WebDevelopment #GridLayout #Frontend #HTML #CSSGrid #ResponsiveDesign #Coding #FrontendDevelopment #CSS #СіткаCSS #Subgrid #ВебРозробка #АдаптивнийДизайн #Фронтенд #РозробкаСайтів #СіткаВCSS #HTML #ФронтендРозробка
Коментарі
Щоб написати, увійдіть.
Коментарів ще немає. Ваш буде першим.
Цей канал 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
Шорти цього каналу
1:17Як правильно налаштувати анімацію на сайті
0:51Оптимізація CSS: Виправлення стилів для видимості
0:48Секрет плавного скролу на CSS 🤫 #css #програмування
0:31Маски в CSS: Як уникнути повторення фону
0:31Анімація та стилізація тегів: Секрети сучасного дизайну
0:32Ефектна анімація зображень: Підказки для Hover Transition
0:18Анімування стандартного діалогу: Легкий метод
0:24Відеомаска на CSS: Круті ефекти без JavaScript
1:38Анімація висоти елементів за допомогою грідів
1:56Грід-розміщення: Як правильно налаштувати банер
0:52Покращення інклюзивності: як налаштувати аутлайн елементів
0:27