@@UlbiTV Только вот напсиано CSS,а все делаете в файле Html. Пытался подключить css с теми же свойствами ничего не работает увы(. Буду искать ответы дальше.
@@goloszakadrom793 Есть несколько способов подключение стилей, два из них позволяют в html файле использовать стили, а третий, мне больше всего нравиться, отдельно от html
Вот это видео 100% летит в рабочий плейлист, чтобы быстро открывать подсказку при работе:))) спасибо, что порадовал к концу года ещё одним годным видео!!!
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! 👍
@@leninzhiv6180 мать, сестра... да хоть прадедушка. суть не меняется, все в родственных связях. Все люди произошли от Адама и Евы, значит все люди родственники и грешники. Грешна конечная природа, ничто не поделать. Однако душа наша обладает бесконечной природой, она вечна, совершенна и безгрешна. Открой свою душу Богу, творцу своему, и транслируй его любовь через душу в сердце свое, в грешную суть свою, однако, беспрерывно связанную с совершенностью божию. Во веки веков, слава Богу Господу нашему, творцу всего видимого мира и невидимого, властителю всего и вся, дрожи перед мощью его, раб божий.
вот это объяснения 😮 объяснил прям четко еще на пол экрена показываал как работает коды вообще круто обьяснил сразу подписка и лайк плюс коммент для продвижения ❤
Подписка однозначно! Лучше и кратче объяснения я ещё не слышал, если можно подсказки в начале, в текстовом формате закиньте куда я думаю для всех было бы удобно сразу брать из файлика текстового примеры чем останавливать видео и печатать)
Тимур, кайф! Вот даже в лом коммент написать! После твоих уроков лепил проект на Реакте и пришло осознание, что стили у меня хромают)) решил подтянуть, посмотрев пару уроков. и вновь оказался у тебя и нашел, что надо! спасибо
Вау! Как концентрированно и одновременно с этим подробно! Как же я устал смотреть часовые видосы про то, как в canvas нарисовать линию и тому подобное. Лайк и подписка!
Ёлки-палки! Канал - бомба!😁 Случайно увидела видос о css и решила посмотреть, что есть ещё.. А ТУТТТТ ТАКОЕ😀 Я начинающая тупица, но мне прям зашло. Спасибо вам.
Смотреть тебя одно удовольствие, ни какой воды, все по делу. Не останавливайся!
Спасибо, стараюсь максимально без воды!)
@@UlbiTV допустим, у меня в контейнере два айтема, и мне нужно соотношение айтемов 40/60 процентов. Как быть в таком случае?
@@UlbiTV Только вот напсиано CSS,а все делаете в файле Html. Пытался подключить css с теми же свойствами ничего не работает увы(. Буду искать ответы дальше.
@@goloszakadrom793 Там он работает с использованием тега
@@goloszakadrom793 Есть несколько способов подключение стилей, два из них позволяют в html файле использовать стили, а третий, мне больше всего нравиться, отдельно от html
Вот это видео 100% летит в рабочий плейлист, чтобы быстро открывать подсказку при работе:))) спасибо, что порадовал к концу года ещё одним годным видео!!!
И тебе спасибо!)) Сегодня будет еще одно по grid
@@UlbiTV где тут смайлик потирания рук с ехидной улыбкой:)))) ждем-с:))))
@@ipa_stor 🤗🤗🤗🥳🥳🥳
Такое четкое и конкретное изложение материала - очень больша редкость, респект!
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
Есть еще мелкие огрехи но в общем зачет. 👍
@@vladdd2164 так align это и есть выравнивание по второстепенной оси
Думал flex это что-то за гранью, а оказывается, такая простая вещь.
Спасибо большое что так просто и понятно объяснил😊😊
Flexbox CSS без воды, спасибо, очень круто!
Спасибо дружище!))
В процессе обучения случайно узнал о Flexbox. Смотрю видео, и мой мир переворачивается! Огромнейшее Спасибо!
24)😎
flex-direction:column-reverse;
flex-wrap:wrap-reverse;
align-content:space-between;
justify-content:center
😂😂😂😂
подписался после первого видео. Это такой кайф потреблять контент, где 0% воды и 100% инфорамации
Краткость мать таланта. Спасибо за урок и за то что ценишь моё время.
сестра
@@leninzhiv6180 мать, сестра... да хоть прадедушка. суть не меняется, все в родственных связях. Все люди произошли от Адама и Евы, значит все люди родственники и грешники. Грешна конечная природа, ничто не поделать. Однако душа наша обладает бесконечной природой, она вечна, совершенна и безгрешна. Открой свою душу Богу, творцу своему, и транслируй его любовь через душу в сердце свое, в грешную суть свою, однако, беспрерывно связанную с совершенностью божию. Во веки веков, слава Богу Господу нашему, творцу всего видимого мира и невидимого, властителю всего и вся, дрожи перед мощью его, раб божий.
спасибо тебе добрый человек! Я уже всю голову сломала с тонной инфы, а тут все наглядно просто быстро и понятно
вот это объяснения 😮 объяснил прям четко еще на пол экрена показываал как работает коды вообще круто обьяснил сразу подписка и лайк плюс коммент для продвижения ❤
Бро, ты не перестаешь удивлять! Шикарно, ну впрочем как всегда ☺️💪
Спасибо бро!)
Таких людей мало, Ты избранный!
Респект! Без понтов, без матов. Кратко и содержательно!
Просто шикарно! Теорию получил, на практике видос повторил, игрой закрепил и, получется, научисля использовать flex)
Огромное спасибо тебе!
Самый самый крутой контент на свете !!!!🥳❤️
Спасибо, Эзам!)
Шикарное видео, так кракто и по делу я ещё не встречал объяснение Flex CSS. Спасибо просто классноЁ видео
Кратко и четко! Спасибо!
Спасибо, друг!)
Огромное спасибо!.. Это было супер-скоро и супер-качественно!..🎉🎉🎉❤
Подписка однозначно! Лучше и кратче объяснения я ещё не слышал, если можно подсказки в начале, в текстовом формате закиньте куда я думаю для всех было бы удобно сразу брать из файлика текстового примеры чем останавливать видео и печатать)
Мыслишь неправильно
Здарова! Красава, всё кратинько и без лишней воды, а то один вообще эту тему на минут 40 сделал
Спасибо! Очень полезное видео для быстрого повторения!
Спасибо!) Хотел сделать что-то типо шпаргалки!
Автор. флексы для меня не новость. Но у тебя одни из лучших видео.
Спасибо огромное!)
"Не будем много говорить - сразу к делу", тупо сразу лайк влепил
Присоединяюсь к предыдущим комментаторам. Спасибо огромное и успехов!
очень хорошее видео. сначала прочитал теорию с примерами, понял все неполно. но после этого видео, понимание возросло
лучше, что я смотрел про флекс. и теперь реально дошло!
Ты - самый топ из всех!!! Подача материала - огонь!!!!!!!!!
Вооууу, какие слова)) спасибо дружище!!!!
Отличная подача материала 0% воды
Лайк! Понятно и доступно, спасибо)
Спасибо!) Рад, что понятно и доступно, старался!)
6 мин! Я пытался разобрать с ними 3 дня. Спасибо большое:3
Тимур, кайф! Вот даже в лом коммент написать! После твоих уроков лепил проект на Реакте и пришло осознание, что стили у меня хромают)) решил подтянуть, посмотрев пару уроков. и вновь оказался у тебя и нашел, что надо! спасибо
Мало того что видео годное и показывает максимальную практику, так ещё и практическая игра, которая не надоест! Спасибо тебе за контент!!!
Спасибо большое! Ты реально годно, коротко и понятно объясняешь, продолжай пожалуйста!)
Какой же ты ахуенный, спасибо тебе, учу бэк, решил побырому понять что такое флексы. Твои видео идеально подошли под мои запросы.
Вау! Как концентрированно и одновременно с этим подробно! Как же я устал смотреть часовые видосы про то, как в canvas нарисовать линию и тому подобное. Лайк и подписка!
Спасибо, как всегда понятно и доходчиво)
Спасиб)
кратко и по сути, круто!
Очень круто, лайк, просто и понятно, для новичков)
Отличная шпаргалка))
будет куда глянуть что бы в гугле не искать
Если добавить тайм коды со свойствами - вообще кайф
Добавлю обязательно таймкоды, спасибо!)
это самый лучший ролик по флексам, сразу все понятно
У тебя очень хорошо получается
.Ждем Grid.
Спасибо!) Завтра будет)
Хорошее видео, спасибо!
Старался, спасибо!
4:18 flex-basis
5:08 flex-shrink
Ёлки-палки! Канал - бомба!😁 Случайно увидела видос о css и решила посмотреть, что есть ещё.. А ТУТТТТ ТАКОЕ😀 Я начинающая тупица, но мне прям зашло. Спасибо вам.
На канале много интересного, рекомендую!) спасибо!)
Около суток не мог решить проблему, но после просмотра этого шедевра, на меня взошла благодать и я все пофиксил. Спасибо😘
Спасибо за подробный обзор!
Благодарю за поддержку)
cпасибо, избавил от страданий!! ❤️
Спасибо.
Кратко, четко и ясно.
я почти никогда не ставлю лайков, но автор заслужил и комментарий и лайк спасибо за познновательнный контент!
Краткость - это талант
Очень информативно и максимально информативно, за игру отдельное спасибо
Это видео прям на вес золота! Спасибо огромное!
Все четко без воды... введения и прочей Х....и которую тулят почти все блогеры!!!
это коммент в поддержку)
Спасибо Гурген!)
Огромное спасибо за краткое, а главное понятное объяснение
Шикарно! Огромное спасибо автору!
вот это лучшая обучалка, быстро и понятно
Все четко и без мусора.
Спасибо за краткость!!! Все четко!
Спасибо за полезный урок! Искал flex-wrap: wrap;
шикардятина- лайкос!
Круто. Быстро и просто!
Комент в поддержку канала)
Быстро и чётко! Класс!
большое спасибо со второго курса программной инженерии:P
Большое спасибо, добрый человек
Спасибо тебе, добр человек!)
Огонь!
спасибо вам за суперполезный урок!
Спасибо за разбор
Ставлю лейкоцит за то что в данный момент и сам учу))Спасибо мужик)
Спасибо бро)
Спасибо бро. Ты круто и чётко всё объяснил.
Выручил, спасибо!
Спасибо огромное!!!
Благодарю
спасибо большое за этот видос , все четко и понятно
Супер, все по делу 👌
от души братан помог
Это Божественно!
Хороший урок. Спасибо
Супер, те що треба👍
Неужели я нашёл ответы на все мои вопросы)
Хотелось бы увидеть видео по vuejs с typescript. А так спасибо за понятный и короткий видос!
Спасибо за отзыв, да, до тайпскрипта точно доберемся в новом году!)
ответ на 24-е flexfrog
flex-flow: wrap-reverse column-reverse;
align-items: flex-end;
justify-content: center;
align-content: space-between;
Мужик, ты лучший
Спасибо огромаднейшее!!!!!!!!!
Агонь!
Самое крутое видео!
Хорошо и доступно!
Прикольно, напомнило мне студийные шаблоны для Joomla, там тоже можно вставлять контент в подобные блоки на выбор, возможно та же технология
Пушка!
Все так четка и понятно спасибо !
Отличное объяснение, спасибо
Большое спасибо за разбор!
просто лучший 🏆
Шикарно! Спасибо!!!
очень крутое видео, красавец👍
So clear, so intrestig. Thaks a lot of❤
Спасибо было полезно