FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть вторая - свойства flex-элементов

Учим верстку на флексах (flexbox)! Что бы обучение было максимально эффективным я создал отдельный плейлист с целой серией выпусков. Последний будет полностью посвящен практическим примерам верстка на flex

Flexbox - это целый модуль, содержащий в себе набор свойств и их значений как для родителя flex-контейнера так и для его дочерних элементов flex-элементов. Основным преимуществом гибкой FLEX разметки является возможность изменять ширину/высоту пространство вокруг и порядок flex-элементов, для того чтобы наилучшим образом заполнить доступное пространство flex-контейнера

Часть первая - свойства flex-контейнера:

Весь плейлист по FLEXBOX

0:00 - Введение
0:18 - Подготовка к уроку
0:48 - align-self
1:54 - order
2:50 - flex-basis
3:45 - flex-grow
4:42 - flex-shrink
5:34 - короткая запись трёх предыдущих свойств
6:02 - Напутствие
Спасибо Emil Chapchakchi

Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
«Фрилансер по жизни». Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #верстка

[тонимантао]

мне очень жаль что у вас мало просмотров
это наверное демотивирует, но, пожалуйста продолжайте делать уроки.
я очень ценю ваш труд
спасибо вам огромное!!!

[selivachovtryfon]

Ты - это просто настоящий самородок, твой курс скилбокс продал бы за 200 тисяч, спасибо тебе огромное!!! Удивляет то, что я встретил человека, который просто отдает ценейшую информацию, ничего не прося взамен!!! Ты - это сердце горы, ты калифорний нафиг

[PavLv_]

Привет. У тебя одни из топовых уроков на Ютюбе поверь мне я за этим слежу.

[wvvwersus]

Занимаюсь уже почти два месяца, в свободное от работы время и отключений света время. Хочу сказать большое спасибо за уроки! Чем дальше - тем сложнее, но очень мотивирует то, что постепенно всё равно видно свой прогресс

[emilchapchakchi]

0:00 - Подготовка к уроку
0:48 - align-self
1:54 - order
2:50 - flex-basis
3:45 - flex-grow
4:42 - flex-shrink
5:34 - короткая запись трёх предыдущих свойств
6:02 - Напутствие

Спасибо за очередной крутейший урок!

[arseniyafanasyev]

Спасибо, на много яснее чем курсы 90% инфоциган.

[МистерЯ-ст]

НУ ПОЧЕМУ ! ПОЧЕМУ Я УЧУСЬ В КАКОЙ-ТО ДЫРЯВОЙ ДЫРЕ. ТЫ СУПЕР ! ЗА НЕДЕЛЮ, ЧТО Я ТЕБЯ СМОТРЮ, Я НАУЧИЛСЯ В ТРИЛЛИОН РАЗ БОЛЬШЕМУ, ЧЕМ ЗА 3 МЕСЯЦА НА КУРСАХ. Спасибо. Только не заканчивай делать выпуски. Мне ведь еще так много нужно узнать ...

[СергейКоролев-ойя]

Блииин как же долго и в десятках различных источниках я изучал эту троицу flex(basis, grow, shrink) но только сейчас после просмотра появилась 100% ясность. Спасибо тебе огромное. Наконец-то все стало понятным.

[MiraraKari]

Господи, ну почему я так поздно наткнулась на ваш канал?? Это же просто золотой контент, ютьюб премиум ✨

[АленаВзорова]

Привет, спасибо за курс. Очень толково, гораздо лучше, чем в школе, где я щас учусь.

[barbarastreisand]

Боже, ну почему я не нашла этот канал раньше?!
Спасибо большое. Это гораздо более компактно, показательно и удобно для восприятия, чем какие-то марафоны по флексам и гридам, которые я покупала. Да еще и в открытом доступе. Святой человек!

[MaxPronko]

Подсел на твои туториалы, спасибо Жека!

[relaxing_sounds_zen_meditation]

Спасибо за вашу работу, вы прекрасный учитель! Ваши уроки не только понятны, но и приносят огромное удовольствие!

[ЄвгеніяБогдан-фы]

Жека, большое спасибо за такие классные уроки! Я начинающий верстальщик и для меня твои уроки -это шкатулка с драгоценностями.

[АртемКа-вкй]

Спасибо за видос. Удивил order, даже не слышал о таком)) красава, годноту делаешь!

[TheAiAm]

Контент очень мощный респект и уважуха!!!)))

[straf]

Мне кажется или у вас преданих подписчиков больше, чем у многих каналах милионников. Я вот все уроки смортю уже 2 день, почти все пересмотрел (Под каждим видео стоит лайк, подписка с колокольчиком). Я пишу коментарии для того чтоби была больше активнисть. Вроде кажеться что мелочь, но если каждий напишет как я коменнтарий и поставит лайк, тогда это будет намного значительней.
Фрилансер по жизни - IT и фриланс - УДАЧИ ТЕБЕ, не переставай делать такой годний контент!!!

[artyomvoytenko]

По чуть-чуть все становится более понятней и это круто. Спасибо, Жека!)

[valentyndubin]

Как всегда крутая подача материала!!!! 💪💪💪💪👍 . Все коротко, ясно и по делу 👍 👍 👍 👍 👍 👍 👍)

[zm]

Ты просто лучший, люблю тебя! Всё объяснил и показал, просто бог...