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

[@FreelancerLifeStyle]

Ценю твой ЛАЙК и КОММЕНТ! Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle Telegram чат по верстке: t.me/flschat (teleg.run/flschat) Instagram: instagram.com/freelancer.lifestyle/ Facebook: facebook.com/freelancerlifestyle/

[@warm4ikghostyt383]

Хэй, если не секрет, сколько в месяц имеешь с верстки?

[@FreelancerLifeStyle]

Неохота говорить про бабки, я нормас зарабатываю на верстке ;)

[@wivernx9449]

@@FreelancerLifeStyleсвое жилье можно купить?) если да то как быстро?)

[@diatm1506]

Я практиковался flex и grid на tailwind css спасибо

[@YehorZakharov-l4x]

Добрий день, як називаєтся ваш канал де ви тільки кодите? не можу знайти....

[@emilchapchakchi8593]

0:00 - Подготовка к уроку 2:08 - display:flex 3:06 - display: inline-flex 3:59 - justify-content 7:00 - align-items 9:39 - flex-wrap Огромное спасибо за урок!

[@FreelancerLifeStyle]

Спасибо!

[@pacificmotion]

Якби ще "justify" правильно написав, було б ідеально! :)

[@Марика-щ9л]

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

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

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

[@morozoff1996]

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

[@FreelancerLifeStyle]

Спасибо! Рад что старания замечают)

[@bifbiftanen3237]

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

[@Motivation_landi]

Привет. Я из будущего. Поделишься результами учебы программированию спустя 2 года?)

[@ПалінкашВолодимир]

@@Motivation_landi нет

[@Эдди-д1ц]

блин там вначале у врапера невидно где закрывающий див находится

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

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

[@DifferentGamesGev]

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

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

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

[@FreelancerLifeStyle]

Пожалуйста!

[@volodymyrmatselyukh8808]

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

[@FreelancerLifeStyle]

Будь ласка!

[@OleksiiVerkhola]

Очень хорошая идея - разбить тему по флексам на небольшие тематические куски. Спасибо огромное.

[@FreelancerLifeStyle]

Пожалуйста!

[@Yodara]

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

[@timofey2672]

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

[@FreelancerLifeStyle]

Спасибо! Надеюсь в дальнейшем буду делать что-то интересное и для бывалых! 👍😎🤘

[@timofey2672]

@@FreelancerLifeStyle жду)

[@НикитаМасленников-ы4ы]

Здравствуйте, можете посоветовать какие-нибудь книги или статья для web-программирования?

[@climberg]

@@НикитаМасленников-ы4ы Web-программирование это очень обширное понятие, ты можешь сказать поточнее?

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

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

[@FreelancerLifeStyle]

Спасибо! 😍👍

[@user-tf2lp7jp5x]

@@FreelancerLifeStyle Еще земля воздух и вода

[@Саня-ч2и]

@@user-tf2lp7jp5x Нет, у него воды нету!)

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

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

[@НикитаЗаплитный-в5ф]

И как Ваши успехи в обучении?

[@artem_doronin]

@@НикитаЗаплитный-в5ф а ваши?

[@Иван-ч8и2ч]

@@angelika_vladimirskaya а ваши?

[@Иван-ч8и2ч]

@@angelika_vladimirskaya а ваши как?

[@Easycore2000]

@@Иван-ч8и2ч А вы как, устроились на высокооплачиваемую работу, или стали фрилансером?

[@Gerych-x7h]

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

[@FreelancerLifeStyle]

Супер!

[@BLGamesChannel]

На столько грамотная постановка уроков удивляет. Ждем следующих уроков и практики верстки на флексах! P.S. перехожу на более высокий уровень поддержки на патреоне, чего и всем желаю!)

[@FreelancerLifeStyle]

😱😱😱 Спасибо большое! Это заряжжжаает!

[@hottabi489]

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

[@bloody91122]

Блин, мужик, ты просто супер! Столько энергии и мотивации в твоих роликах!

[@ктоя-с6ф]

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

[@pickman3530]

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

[@FreelancerLifeStyle]

Спасибо!))

[@pavelstepanov5941]

Миллион подписчиков на патреоне лучше)))

[@FreelancerLifeStyle]

@@pavelstepanov5941 ну, неплохо бы, да))

[@niko.militarist]

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

[@eminemroyce5457]

Какой же крутой автор, Rolls Royce в среде уроков по верстке. Евгений, спасибо за урок!

[@FreelancerLifeStyle]

Пожалуйста!

[@alexanderyastrebov6815]

Не знал про inline-flex, спасибо)

[@MrVIPKent]

Дякую Євгеній, Ви прямо ЄвГЕНІЙ!

[@kirillusmanov3330]

Классный урок! До это смотрел на лендинги и думал «А вот как это?», теперь все мало по малому становится ясным, спасибо!

[@annabraichenko4611]

храни тебя вселенная, автор!

[@georgigalechyan4392]

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

[@nikolay7618]

Как все просто и понятно когда Евгений обьясняет.Как всегда лайк и двигаюсь дальше.

[@FreelancerLifeStyle]

Спасибо!

[@Timyr48]

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

[@konstantinlyashenko4785]

Просто супер!!! Сколько видео пересмотрел по этой теме, и только здесь номальным человеческим языком объясняется!!!! Спасибо огромное=)))))!!!

[@FreelancerLifeStyle]

Пожалуйста! Я рад!

[@desade7505]

Лучший урок по флексам

[@FreelancerLifeStyle]

Спасибо! Смотри весь плейлист kzbin.info/aero/PLM6XATa8CAG5mPV60dMmjMRrHVW4LmV2x

[@XSau_Alyki]

Недавно начал верстать PSD макеты, и появилась необходимость: использовать flexbox. И твои видео очень хорошо демонстрируют, как их использовать на практике. Спасибо!

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

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

[@FreelancerLifeStyle]

Спасибо! Надеюсь будет познавательно! Следующая часть уже в работе! 👍

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

@@FreelancerLifeStyle Круто! Ждём...

[@ghouldeadinside12posnoroll32]

Спасибо большое! Единственный канал с такой прекрасной подачей!!

[@FreelancerLifeStyle]

Я рад!

[@nataliamertsalova1498]

Спасибо! Это, то что я искала, всё понятно и доступно!

[@FreelancerLifeStyle]

Пожалуйста! Я рад!

[@InvisibleBunny]

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

[@Rahat_Lukumov]

Спасибо тебе огромное за твои уроки, они очень информативные и легко усваиваются :D

[@Snegurjan]

Захожу сюда и не только получаю знания нро и настроение улучшается,спасибо Жека за такую подачу материала!

[@Snegurjan]

@@johnyxmelev5475 kzbin.info/aero/PLM6XATa8CAG5mPV60dMmjMRrHVW4LmV2x

[@mila4308]

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

[@FreelancerLifeStyle]

Спасибо большое! Я очень рад что нравится!

[@evangames7426]

Женя спасибо за контент, ждем еще больше обучалок !!!

[@FreelancerLifeStyle]

Спасибо! Уже в работе!

[@VarlogST]

Разжевать более понятно - невозможно. Супер!

[@val-tin8663]

Спасибо, обучение продолжается.

[@FreelancerLifeStyle]

Пожалуйста!

[@user_natazaja]

Уровень преподавания на высшем уровне! Правда у меня пока от Flex в голове wrap-reverse. Но уверена Женя сделает как надо. Спасибо за такой труд!

[@lerne-du]

Работаю front end разрабом, но все равно нахожу нюансы, которые интересно у тебя посмотреть. Ты крут! Лайк

[@FreelancerLifeStyle]

Супер! Спасибо!

[@volodymyrmatselyukh8808]

Не знаю де знайти краще пояснення флексів. Топ!

[@olenakunina1]

Спасибище - inline-flex - открытие для меня))

[@FreelancerLifeStyle]

Я рад что полезно!

[@hamletmuradyan5692]

Вам большое спасибо, друг мой. Я смотрю вас из Армении и изучаюсь много от вам. Пожалуйста, держать ваш классный метод объяснения, так детально и конкретно, это очень важный для новичков.

[@georgemazur7788]

Жека спасибо, как всегда супер)

[@FreelancerLifeStyle]

Спасибо! Рад что полезно! 👍🤟

[@zhalozhalo5486]

шикарные обучающие видео! Выглядит сочно и качественно! Подача - ультрапонятная и по-уму сжатая. Жека, ты красавчик!=))

[@FreelancerLifeStyle]

Спасибо!

[@АлексейЧернуський]

Дуже дякую за цінну інформацію і все зроблено на 5+!! Успіхів тобі і натхнення, вчимось далі)

[@lebedichvadim]

Ваши уроки мотивируют изучать все больше и больше. Спасибо Вам!

[@FreelancerLifeStyle]

Супер! Я рад!

[@rabbit-sha256]

Спасибо, Жека! Маленько бардак был в голове с этими флексами, а ты прям по полочкам там всё разложил!

[@IgorSemenuk]

Очень полезный урок. Большое спасибо! Правило justify-content: flex-end наконец-то помогло мне правильно расставить элементы, которые ну никак не хотели слушаться и вставать в нужную позицию.

[@FreelancerLifeStyle]

Супер! Я очень рад что полезно! 👍

[@ЕленаЧумачкина]

Качественный подход к делу. И весьма обаятелен учитель. Хотя это второстепенный ведь факт. Много его урок мне пошли на пользу. Но главное толково и по делу.

[@FreelancerLifeStyle]

Спасибо!

[@ЮрийЗоткин-ф1п]

Спасибо за работу. Лучший контент по вёрстке что я находил на рунете. Удачи в дальнейшем развитии канала!

[@tatianadmitrieva6712]

Жека, Дякую за ваши уроки, ни одного лишнего слова все четко и по делу 🙏🔥

[@ДианаДиана-с1г]

Просто обожаю эти уроки, верстка становится интересной и понятной. Второй раз пересматриваю , мне нравится каждый раз замечать какие-то детали, которые упустила раньше

[@Burovasofia]

круто, бодро, интересно! спасибо за такой полезный урок!!! уроки с Вами поднимают настроение!!!

[@konstantino7016]

Лучше чем Женя не объяснит никто!!! Очень наглядно и интересно! Каждый урок прохожу с удовольствием

[@tylerdurden9008]

Бомба! Спасибо за выпуск!

[@СабурАбиев-ю1й]

Отличное объяснение ! Пришло понимание что и как и для чего. Спасибо !👍

[@sergeysokolov4270]

Самый крутой учитель на ютубе!!! можно лайки не глядя ставить!!! Кто вообще ставит дизлайки за такие уроки??? Я не понимаю.

[@FreelancerLifeStyle]

Спасибо!

[@igormajrov8444]

Ваууу. Супер подача. Даже мой кот все понял и пошел кодить на флексе.

[@FreelancerLifeStyle]

Ахах, спасибо!

[@wivernx9449]

Спасибо, приятно учиться у профессионала!

[@YaroslavNechyporuk]

Жеко, дякую велике , досить цікавий випуск.

[@artyomvoytenko1237]

Круто, ждем с нетерпением продолжения!)

[@FreelancerLifeStyle]

Спасибо! Уже в рвботе!

[@nagibator-666]

Найзрозуміліше пояснення.

[@NeoWithinTheMatrix]

Повторил за тобой шаг в шаг, но свойство flex: 1 1 auto; не прижимает footer к нижнему краю экрана. Только если задать 100% высоту экрана и поставить justify-content: space-between. А в целом, спасибо за всестороннее разъяснение принципа работы flex и методики работы с ним. Ты мне помог разобраться со структурой верстки.

[@FreelancerLifeStyle]

100% высоты для html и body

[@dobrovvvcod1628]

Это лучшее из того , что мне доводилось видеть! Очень круто заходит! Лайк

[@FreelancerLifeStyle]

Спасибо!

[@nekom112]

Как же здорово объясняешь! Просто огнище!!! Спасибо за это))

[@ИгорьКоцюбинский]

после просмотра таких видосов сразу вспоминаются некоторые сайты с вэб просторов. хочется поскорее закончить твой курс и приступить уже к верстке чего то крутого =)

[@111AlexF]

наконец-то рассеял туман (у меня) насчет флекса, спасибо!))

[@alexandr8978]

Коротко и по делу! Ничего лишнего и очень хороший наглядный пример со шпаргалкой! Спасибо! Но!!! Я уже устал искать доступные способы для моего понимания, как сделать так, чтобы страница обновлялась самостоятельно))))

[@FreelancerLifeStyle]

Спасибо, посмотрите этот выпуск kzbin.info/www/bejne/eKKyZoOgZ5uio5o

[@alexandr8978]

Ай, спасибо вам, добрый человек!)

[@alexweb424]

Спасибо за классные уроки!

[@FreelancerLifeStyle]

Пожалуйста!

[@Dmitrycheburirtrie]

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

[@FreelancerLifeStyle]

Спасибо!

[@Namato_Okris]

Дуже дякую за найкраще пояснення теми на ютюбчику! Все просто і доступно!)

[@ameliyagrei3227]

Спасибо Вам огромное за такое потрясающее объяснение!!!!

[@Olegatorius1]

интересно,жду продолжения... спасибо

[@FreelancerLifeStyle]

Все будет) Спасибо!

[@garry2412]

Круто, авто имеет качества хорошего препода

[@FreelancerLifeStyle]

Спасибо!

[@BohdanVR666]

Даа, качественная тачка

[@kotiko_oks]

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

[@АнтонКотов-п9э]

Спасибо!!! Все круто, как всегда! Сейчас еще 3 видоса и буду верстать на флексах ))). Лайк однозначно! Я вообще не знаю кто ставит дизлайки под твоими видосами. Наверное, это те кто с умным видом рассказывают пургу часами, а толку от этого нет. Зачет тебе!

[@Evgeny..]

Жека выручаешь! Красавчик! Лайк! Коммент! верстка flex

[@alexeysemenihin1210]

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

[@ДанилБуткин]

На связи твои лучшие подписчики , от того мы и лучшие , потому что канал у тебя лучший Видос отличный , давно ждал такого , продолжал снимать выпуски , мы всегда поддержим 🔥😎 И даа.. у меня ноутбук и функция с копированием классов не работает как у тебя , подскажи что можно придумать

[@FreelancerLifeStyle]

Спасибо! Попробуй установить плагин eCSStractor. Настройки можно взять в выпуске про БЭМ

[@arisoarine]

Мне 14 лет, примерно год назад я начала постепенно двигатсья к своей цели-стать программистом. Посмотрела несколько курсов по вёртске и наконец перешла к этим урокам. Именно с этих курсов всё в моей голове начало складываться и я наконец-то начала понимать FLEXBOX-ы. Это единственные уроки в которых всё объяснено понятно, спасибо Вам большое😊

[@vozderzhaniye_21]

Охты мы ровесники, я тоже хочу им стать, год назад учил "python", но пришел к тому что я пока, что выучусь на front-end разработчика, хотя я и не пробовал бегэнд, Давай спишемся, мы можем помогать друг другу, Телеграм или вк?

[@maltamagistro]

@@vozderzhaniye_21 чел, мне чуть больше, но не против учится вместе, одному не оч.

[@vozderzhaniye_21]

@@maltamagistro хех, ровесники это не значит что одинаково

[@vozderzhaniye_21]

@@maltamagistro стоп

[@vozderzhaniye_21]

@@maltamagistro ты другой чел

[@dimalukashenko4865]

Отличный урок, спасибо за труд!

[@НодирХоджимухамедов]

Все супер!!! Автор делает очень годный контент.

[@гоблинвася-п7о]

Спасибо, Женя!

[@FreelancerLifeStyle]

Пожалуйста!

[@ТимурТокумов-и1к]

Спасибо за уроки, Жека!!! Ну очень сильно помогают твои видео!

[@dovuret]

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

[@arkadiijuryevich2753]

Спасибо за труд! Очень лаконично и интересно.

[@Mr_Fry_]

Спасибо за урок, бро

[@ВадимМиронов-ж1ы]

Жека, спасибо ооооогромное! повторил, запомнил, всё очень подробно и просто преподнёсено... Благодарю!!!!!!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@zelenyigor6919]

Большое спасибо, очень полезные уроки, жду продолжения )

[@FreelancerLifeStyle]

Спасибо! Уже в работе!

[@user-hm7xf9hj6q]

спасибо большое! как всегда все понятно и интересно!

[@JengoJen]

Спасибо за годные обучалки=)

[@human7058]

Супер подача ! Я просто не смог оторваться так просто и многообразно нет слов

[@ChendlerBiing]

очень крутой видос с непростой темой. Все четко и доступно! Так держать!

[@aqshinmahmudov4806]

Thank you very much! You're my best teacher, your lessons help me a lot! I wish you good health and long life happy life!

[@александршакура]

контент просто супер!