Flex свойства (grow, shrink, basis) | CSS для Профи
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- ПОДДЕРЖАТЬ АВТОРА И КАНАЛ:
www.liqpay.ua/...
Webmoney:
Z166344793421
R369744777501
U871336351200
Телеграмм чат:
t.me/joinchat/...
Как правило, flexbox-верстку начинают с уже озвученных шагов:
1. Идентифицировать контейнер и содержащиеся в нем элементы, применить свойство display: flex для контейнера.
2. При необходимости установить для контейнера свойство flex-direction.
3. Если нужно, объявить поля и/или значения flex для управления размерами элементов.
МАТЕРИАЛЫ УРОКА:
drive.google.c...
БАЗОВЫЙ КУРС ПО HTML & CSS:
• Знакомство с основным ...
Читал до этого про свойства flex-shrink и flex-grow, но только после этого видео понял как они работают. Лучше один раз увидеть) Спасибо за доступное объяснение!
Урок хороший! Автору спасибо за то, что доступным языком донес суть. Единственный момент, который режет ухо - это неправильное произнесение английской терминологии. Кстати, это, к сожалению, «серьезная» болезнь большинства видео-блогеров. Господа учителя, давайте исправим ситуацию! Подтянем свой английский. )))
1. Термин shrink произносится "шринк", а не "шранк"
2. Термин basis произносится "бейсис", а не "бейсик"
Совет: если видишь английское слово и не знаешь как оно правильно произносится, то открой Google-переводчик, введи там это слово и прослушай. Заодно узнаешь и перевод, если до этого не знал.
Классно теорию объяснил, лайк.
Отлично объяснил. Спасибо
круто преподносишь материал! django 2 ждать?
Спасибо за отзыв, да будет Джанга вторая )
@@andrievskii о щит, буду ждать!
Спасибо!
flex-grow: 4 == 132px
бэйсис и шринк. А так всё ок.
флекс бэйсик :DD
флекс шрайнк :DD
@@ijokky Да это у всех так....С приходом опыта каждый разработчик имеет право выбрать себе элемент и коверкать его название...
@@викавика-к6в2ж конечно может, только вот ничего хорошего о нем эта вредная привычка не прибавит. Ну это все лирика в любом случае, а программировании главное know how )))
@@vuejs1 Бряйн )
не вид width = хотябы видзс
Все чітко і зрозуміло, дякую
Свойство grow боле мене объяснил. А остальные ни фига.
👌👌👌👌👌👌👌👍👍👍👍👍👍
сам ты шрайнк😆а за видео спасибо!👍
grow 6 при srink 2 = grow 4?
Ждём следующий урок!Спасибо!)))
Спасибо Андрей.
Андрей, большое спасибо за старание и труд! Канал -- супер!!!
Спасибо!
спасибо
Кращий, просто. Дякую за пояснення. Матеріал викладений дуже зрозуміло. Велике дякую вам!
Будь ласка)
Зачем задавать ширину для боксов в 150 пикселей если в итоге она меняется (уменьшается или увеличивается) при разных значениях флекс гроу?
Спасибо, очень понятно объяснил, до этого смотрел другие видео, там только теорию объясняют, благодаря вам понял, как на практике применять!
Спасибо за урок!
Пожалуйста
Здравствуйте, назрел вопрос.. Вы расписываете полный путь к классу элементов (.flex-row .box-1, но можно ведь написать просто .box-1) чтобы мы лучше усвоили что к чему, или это какое-то негласное правило или так более грамотно?..
Можно не полный, а лучше изучить методологию БЭМ
Спасибо, очень понятно и наглядно
не придирайтесь к аглицкому, главное контент отличный!
Режет ухо его английский. А объяснил в основном нормально.
Спасибо!!!
Отлично
а чем flex-basis отличается от min-width?
Да практически всем))
flex-basis это по сути ширина, но! Если flex-direction: column; то basis тогда является высотой. Короче это размер блока вдоль главной оси, при этом размер width или height этого блока вдоль главной оси перебиваются значением basis.
@@mickkoch563 короче,если проще,flex-basis это ширина или высота блока в зависимости от направления главной оси)
Все круто. Английские слова желательно правильно произносить, для собственного развития. Но спасибо за контент!
запутано немного(
Первый раз нужно просто посмотреть и попробовать понять о чем речь. Второй раз уже делать за видео, но при этом думать и даже предугадывать. как бы вы это сделали
Это "флекс-шрайнк" немного бесит. Если человек не считает нужным правильно произносить названия свойств, какого подвоха от него еще ждать? Может, и в остальных местах он пургу несет?
Это, к сожалению, болезнь большинства видео-блогеров-учителей. Не хотят заглядывать в Google-переводчик! Лентяи! )))
@@kotofun лол