ВідеоIT та програмуванняв індексі з
Особливості css FLEX контейнерів. Як задати ширину FLEX елементам? Як переносити FLEX на новий рядок
141 перегляд на YouTube · опубліковано
Особливості css FLEX контейнерів. Як задати ширину FLEX елементам? Як переносити FLEX на новий рядок Зроби це світ краще 👇 👇 👇 🇺🇦 Фонд Притули - https://prytulafoundation.org/ 🇺🇦 Стерненко - https://www.youtube.com/@STERNENKO Соурси (не плутати з Соуси) https://bitbucket.org/fairproject/frontend-shinobi-yt/src/main/1-two-50-buttons/ 👻 На розвиток каналу Frontend Shinobi БАНКА - https://send.monobank.ua/jar/5tEodxQoEu Крипта - USDT 0x284eF2F4db8B27905d68bBBECBC95a119259A395 Опис відео роліка: В відео розберемо як зробити так, щоб флекс елементи були по 50 відсотків в ширину, але максимально зжималися по ширині якщо це потрібно і переносилися на новий рядок - щоб запобігти переносу текста в середині flex елемента. Без використання nowrap та з використанням fit-content Приємного перегляду #CSS #Flexbox #ВебРозробка #АдаптивнийДизайн #Фронтенд #ВерсткаСайтів #FlexКонтейнер #УрокиCSS #ВебДизайн #ВебТехнології #CSS #Flexbox #WebDevelopment #ResponsiveDesign #FrontendDevelopment #WebDesign #CSSLayout #FlexboxTutorial #CSSGrid #HTMLandCSS#htmlandcsstutorialforbeginners #CSS #Flexbox #ВебРозробка #АдаптивнийДизайн #Фронтенд #ШиринаЕлементів #ПереносНаНовийРядок #nowrap #fit-content #РозмірЕлементів #ШиринаЕлементів #ПереносНаНовийРядок #nowrap #fit-content #РозмірЕлементів
Коментарі
Щоб написати, увійдіть.
Коментарів ще немає. Ваш буде першим.
Цей канал 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:33Створення GIF з Альфа-Шаром: Легкий Посібник
1:09Анімація для веб-дизайну: як врахувати Reduce Motion
1:55CSS для банера: Створення і налаштування
0:33Семантичні теги в HTML: Час впроваджувати нове!
0:31Анімація та стилізація тегів: Секрети сучасного дизайну
1:30Створення стильних псевдоселекторів у CSS
0:24Відеомаска на CSS: Круті ефекти без JavaScript
0:49Анімування масок в CSS: Повний посібник
2:19Оптимізація макетів: Гнучкі гріди для вашого сайту
0:40corner-shape CSS property #shorts
1:17Розкриття Shadow DOM: Як використовувати DevTools
0:39