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

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

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

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

0:00 - Вступление
0:18 - Подготовка к уроку
2:08 - display:flex
3:06 - display: inline-flex
3:59 - justufy-content
7:00 - align-items
9:39 - flex-wrap
Спасибо Emil Chapchakchi

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

[emilchapchakchi]

0:00 - Подготовка к уроку
2:08 - display:flex
3:06 - display: inline-flex
3:59 - justify-content
7:00 - align-items
9:39 - flex-wrap

Огромное спасибо за урок!

[Марика-щл]

Какой Вы приятный и умный педагог! Всех благ Вам! От души СПАСИБО за уроки!!!

[volodymyrmatselyukh]

Смотрю ваше видео потому что бистро викладиваете и очень доступно. Ничего лишнего. Цените время того кто смотрит. Спасибо и респект!

[hottabi]

Нарешті флекси) а то скільки роблю всього і не міг допетрати, що воно робить та як)) тепер за дуже короткий час все стало на свої місця! Жека, дуже дякую, дуже крутий контент!

[СветланаГангардт-цй]

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

[morozoff]

Это просто пушка!! Так все наглядно и подробно! Благодаря этому уроку я окончательно усвоил, как действует свойство flex для flex-контейнера! Спасибо! С нетерпением жду следующего урока
П.С. Вставка в начале с потрясающими видами заслуживает отдельного лайка! :D

[pickman]

Спасибо что ты есть .
С новым годом 2021, Желаю тебе в этом году миллион подписчиков ))

[наталіяклемишова]

Вот это я понимаю контент! Просто бомба пушка агонь 🤘

[ЕвгенийСурма-бр]

все, я больше не могу это терпеть!!!!
я подписался на канал - он прекрасен)))
спасибо за прекрасные объяснения

[Yodara]

Этот урок должен был быть перед 14, там голову ломал при вёрстке как я мог пропустить флекс и не понятно ничего было.
В общем уроки реально очень крутые, первый раз пишу комментарии и смотрю их по несколько раз как минимум, спасибо за такой прекрасный курс.

[МихаилЕлиз]

Спасибо за видео. Очень всё понятно и интересно)
У justify-content появилось ещё одно значение: space-evenly. Оно похоже на space-around, только расстояния отступов одинаковые везде.

[timofey]

Очень качественный контент, лайк, хоть и не новичок😁

[МаринаКислякова-лф]

Жека! Ты самый лучший!!! Огромное спасибо за твой

[niko.militarist]

Не забувайте ставити вподобайки, це стимулює автора до створення нового контенту, який нам БЕЗКОШТОВНО надається для вивчення. Також не лініться коментувати, це сприяє просуванню каналу.
Всім миру.

[DifferentGamesGev]

Он не учитель . он супер учитель . респект
👍

[Timyr]

Жека, дуже дуже дякую тобі за весь той контент який ти робиш! Коротко, зрозуміло та з подачею! Супер!

[ДмитрийЯ-зд]

Еееее!!! Дождались!!! По традиции, лайк неглядя! Пивасик в руки и за просмотр!

[georgigalechyan]

Удивительно на сколько по-разному воспринимается материал после того как набираешься опыта. Когда смотрел в первый раз, ничего не запоминалось, мой мозг просто отказывался воспринимать информацию и запоминать свойства. А сейчас, смотрю, понятно абсолютно всё, материал кажется лёгким. Просто чудеса какие-то)

[InvisibleBunny]

дякую, ваш канал просто найкращий в даному сегменті!

[Gerych-xh]

Мне подача понравилась - четко, с примерами, без воды. Буду дальше смотреть.