Flexbox CSS практический курс за 6 минут. Все свойства
ฝัง
- เผยแพร่เมื่อ 28 ธ.ค. 2020
- В этом курсе мы поработаем с flex box css и кратко рассмотрим все свойства! Flexbox, flex css уроки для начинающих
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Игра для закрепления знаний - flexboxfroggy.com/#ru
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469 - วิทยาศาสตร์และเทคโนโลยี
Смотреть тебя одно удовольствие, ни какой воды, все по делу. Не останавливайся!
Спасибо, стараюсь максимально без воды!)
@@UlbiTV допустим, у меня в контейнере два айтема, и мне нужно соотношение айтемов 40/60 процентов. Как быть в таком случае?
@@UlbiTV Только вот напсиано CSS,а все делаете в файле Html. Пытался подключить css с теми же свойствами ничего не работает увы(. Буду искать ответы дальше.
@@goloszakadrom793 Там он работает с использованием тега
@@goloszakadrom793 Есть несколько способов подключение стилей, два из них позволяют в html файле использовать стили, а третий, мне больше всего нравиться, отдельно от html
Такое четкое и конкретное изложение материала - очень больша редкость, респект!
Думал flex это что-то за гранью, а оказывается, такая простая вещь.
Спасибо большое что так просто и понятно объяснил😊😊
24)😎
flex-direction:column-reverse;
flex-wrap:wrap-reverse;
align-content:space-between;
justify-content:center
😂😂😂😂
спасибо тебе добрый человек! Я уже всю голову сломала с тонной инфы, а тут все наглядно просто быстро и понятно
Респект! Без понтов, без матов. Кратко и содержательно!
Вот это видео 100% летит в рабочий плейлист, чтобы быстро открывать подсказку при работе:))) спасибо, что порадовал к концу года ещё одним годным видео!!!
И тебе спасибо!)) Сегодня будет еще одно по grid
@@UlbiTV где тут смайлик потирания рук с ехидной улыбкой:)))) ждем-с:))))
@@ipa_stor 🤗🤗🤗🥳🥳🥳
В процессе обучения случайно узнал о Flexbox. Смотрю видео, и мой мир переворачивается! Огромнейшее Спасибо!
0:15 что такое flexbox
0:40 оси в flexbox
0:50 основные свойства flexbox
1:07 показывает код
1:17 display: flex;
1:25 flex-direction: column(-reverse)/row(-reverse);
1:45 order: n; (порядок элементов)
2:08 выравнивание в контейнере
По главной оси: justify-content: center/flex-end/flex-start/space-between/space-around;
По второстепенной оси: align-items: center/flex-end/flex-start/
3:25 выравнивание отдельного элемента:
align-self: center/flex-end/flex-start;
3:57 flex-wrap: wrap; (автоматический перенос не вмещающихся элементов.)
4:19 flex-basis: x; (размер относительно главной оси)
5:09 flex-shrink: x; скорость изменения размеров элемента при изменении размеров окна;
5:33 flex-grow: x; размер элемента;
5:55 слайд со свойствами.
PS Невероятное сочетание краткости и ясности! Thanks! 👍
Автор не сказал что align self в flex работает только по второстепенной оси, в отличии от grid
Есть еще мелкие огрехи но в общем зачет. 👍
Мало того что видео годное и показывает максимальную практику, так ещё и практическая игра, которая не надоест! Спасибо тебе за контент!!!
лучше, что я смотрел про флекс. и теперь реально дошло!
Огромное спасибо!.. Это было супер-скоро и супер-качественно!..🎉🎉🎉❤
Просто шикарно! Теорию получил, на практике видос повторил, игрой закрепил и, получется, научисля использовать flex)
Огромное спасибо тебе!
Flexbox CSS без воды, спасибо, очень круто!
Спасибо дружище!))
Спасибо большое! Ты реально годно, коротко и понятно объясняешь, продолжай пожалуйста!)
Бро, ты не перестаешь удивлять! Шикарно, ну впрочем как всегда ☺️💪
Спасибо бро!)
Огонь!
Шикарно! Огромное спасибо автору!
Шикарное видео, так кракто и по делу я ещё не встречал объяснение Flex CSS. Спасибо просто классноЁ видео
Огромное спасибо за краткое, а главное понятное объяснение
Это видео прям на вес золота! Спасибо огромное!
очень хорошее видео. сначала прочитал теорию с примерами, понял все неполно. но после этого видео, понимание возросло
Очень информативно и максимально информативно, за игру отдельное спасибо
подписался после первого видео. Это такой кайф потреблять контент, где 0% воды и 100% инфорамации
Тимур, кайф! Вот даже в лом коммент написать! После твоих уроков лепил проект на Реакте и пришло осознание, что стили у меня хромают)) решил подтянуть, посмотрев пару уроков. и вновь оказался у тебя и нашел, что надо! спасибо
Это лучшее видео,я столько пересмотрела ,и я знаю что говорю
Спасибо.
Кратко, четко и ясно.
кратко и по сути, круто!
Спасибо! Очень полезное видео для быстрого повторения!
Спасибо!) Хотел сделать что-то типо шпаргалки!
Большое спасибо, добрый человек
Все четко и без мусора.
6 мин! Я пытался разобрать с ними 3 дня. Спасибо большое:3
Агонь!
Самое крутое видео!
Здарова! Красава, всё кратинько и без лишней воды, а то один вообще эту тему на минут 40 сделал
Присоединяюсь к предыдущим комментаторам. Спасибо огромное и успехов!
Отличная подача материала 0% воды
Вау! Как концентрированно и одновременно с этим подробно! Как же я устал смотреть часовые видосы про то, как в canvas нарисовать линию и тому подобное. Лайк и подписка!
это самый лучший ролик по флексам, сразу все понятно
Спасибо за краткость!!! Все четко!
Спасибо огромное!!!
Супер, те що треба👍
Быстро и чётко! Класс!
cпасибо, избавил от страданий!! ❤️
Очень круто, лайк, просто и понятно, для новичков)
Это Божественно!
Спасибо тебе, добр человек!)
Круто. Быстро и просто!
спасибо вам за суперполезный урок!
Кратко и четко! Спасибо!
Спасибо, друг!)
Шикарно! Спасибо!!!
Автор. флексы для меня не новость. Но у тебя одни из лучших видео.
Спасибо огромное!)
Таких людей мало, Ты избранный!
спасибо большое за этот видос , все четко и понятно
Спасибо, как всегда понятно и доходчиво)
Спасиб)
шикардятина- лайкос!
Лайк! Понятно и доступно, спасибо)
Спасибо!) Рад, что понятно и доступно, старался!)
Самый самый крутой контент на свете !!!!🥳❤️
Спасибо, Эзам!)
Супер, все по делу 👌
Спасибо бро. Ты круто и чётко всё объяснил.
Краткость мать таланта. Спасибо за урок и за то что ценишь моё время.
сестра
@@leninzhiv6180 мать, сестра... да хоть прадедушка. суть не меняется, все в родственных связях. Все люди произошли от Адама и Евы, значит все люди родственники и грешники. Грешна конечная природа, ничто не поделать. Однако душа наша обладает бесконечной природой, она вечна, совершенна и безгрешна. Открой свою душу Богу, творцу своему, и транслируй его любовь через душу в сердце свое, в грешную суть свою, однако, беспрерывно связанную с совершенностью божию. Во веки веков, слава Богу Господу нашему, творцу всего видимого мира и невидимого, властителю всего и вся, дрожи перед мощью его, раб божий.
просто лучший 🏆
это коммент в поддержку)
Спасибо Гурген!)
Выручил, спасибо!
Хорошее видео, спасибо!
Старался, спасибо!
Хороший урок. Спасибо
Спасибо за разбор
Супер 🙌
Большое спасибо за разбор!
Хорошо и доступно!
So clear, so intrestig. Thaks a lot of❤
большое спасибо со второго курса программной инженерии:P
вот это лучшая обучалка, быстро и понятно
Комент в поддержку канала)
Годно, спасибо большое
Все так четка и понятно спасибо !
Отличное объяснение, спасибо
Какой же ты ахуенный, спасибо тебе, учу бэк, решил побырому понять что такое флексы. Твои видео идеально подошли под мои запросы.
Большое спасибо
Спасибо огромаднейшее!!!!!!!!!
Подписка однозначно! Лучше и кратче объяснения я ещё не слышал, если можно подсказки в начале, в текстовом формате закиньте куда я думаю для всех было бы удобно сразу брать из файлика текстового примеры чем останавливать видео и печатать)
Мыслишь неправильно
Спасибо за подробный обзор!
Благодарю за поддержку)
Спасибо было полезно
Все четко без воды... введения и прочей Х....и которую тулят почти все блогеры!!!
круто👍🏼❤️🔥
от души братан помог
perfect!
Благодарю!)
У тебя очень хорошо получается
.Ждем Grid.
Спасибо!) Завтра будет)
Ты - самый топ из всех!!! Подача материала - огонь!!!!!!!!!
Вооууу, какие слова)) спасибо дружище!!!!
Спасибо! помог!
Около суток не мог решить проблему, но после просмотра этого шедевра, на меня взошла благодать и я все пофиксил. Спасибо😘
You are amazing!
Ёлки-палки! Канал - бомба!😁 Случайно увидела видос о css и решила посмотреть, что есть ещё.. А ТУТТТТ ТАКОЕ😀 Я начинающая тупица, но мне прям зашло. Спасибо вам.
На канале много интересного, рекомендую!) спасибо!)
Неужели я нашёл ответы на все мои вопросы)
Пушка!
я почти никогда не ставлю лайков, но автор заслужил и комментарий и лайк спасибо за познновательнный контент!
просто красавчик
👍
Cпасибо!)
Спасибо большое
Хороший обзор функций
Спасибо!