ВідеоIT та програмуванняв індексі з
🇺🇦 Як складати блоки один під один з різною висотою? Робимо адаптивний варіант - одий рядок CSS
318 переглядів на YouTube · опубліковано
🇺🇦 Як складати блоки один під один з різною висотою? Робимо адаптивний варіант - одий рядок CSS Зроби цей світ краще 👇 👇 👇 🇺🇦 Фонд Притули - 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/23-css-columns/ Опис відео роліка: У відео розберемо - як автоматично складати блоки один під один без сіточної структури grid або особливостей flex, такым чіном щоб блоки з різною висотою, динамічною висотою автоматично складалися в рядкі і колонки без зайвих відступів між ними. Плюс зробимо це повністю адаптивним без використання жодного медіазапроса, короче поговоримо про магію CSS властивості columns #css #html #js #курсиCSS #урокиCSS #CSS #CSScolumns #webdevelopment #адаптивнийдизайн #frontend #автоматичнерозміщення #gridвCSS #безflex #веброзробка #CSSмагія #columns #adaptiveCSS #безмедіазапитів #html #блокивCSS #CSStips #UIUX #динамічнівисоти #layoutdesign #кодинг
Коментарі
Щоб написати, увійдіть.
Коментарів ще немає. Ваш буде першим.
Цей канал 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:15Анімація CSS: Як реалізувати ефект без important
1:52Маски в Дизайні: Як Використовувати Прозорість для Ефектів
1:33Створення GIF з Альфа-Шаром: Легкий Посібник
0:46Анімація в медіазапросах: Секрети горизонтального та вертикального скролінгу
0:31Анімація та стилізація тегів: Секрети сучасного дизайну
0:34Скролінг з нуля до ста: Керування впливом в CSS
1:17Розкриття Shadow DOM: Як використовувати DevTools
0:51Секрет CSS Scroll Snap, про який ніхто не розповідає #shorts #css #tutorial #programming
1:06Секрети сховування скролбара для красивого скролінгу
2:05Анімовані маски: Як створити ефект за допомогою HTML
0:43Як знайти та використовувати прозорі маски для зображень
0:48