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л]

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

[@volodymyrmatselyukh8808]

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

[@FreelancerLifeStyle]

Будь ласка!

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

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

[@morozoff1996]

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

[@FreelancerLifeStyle]

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

[@bifbiftanen3237]

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

[@Motivation_landi]

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

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

@@Motivation_landi нет

[@Эдди-д1ц]

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

[@DifferentGamesGev]

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

[@timofey2672]

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

[@FreelancerLifeStyle]

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

[@timofey2672]

@@FreelancerLifeStyle жду)

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

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

[@climberg]

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

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

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

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

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

[@FreelancerLifeStyle]

Пожалуйста!

[@Gerych-x7h]

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

[@FreelancerLifeStyle]

Супер!

[@OleksiiVerkhola]

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

[@FreelancerLifeStyle]

Пожалуйста!

[@Yodara]

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

[@MrVIPKent]

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

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

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

[@FreelancerLifeStyle]

Спасибо! 😍👍

[@АдхамЭсанов-в6т]

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

[@Саня-ч2и]

@@АдхамЭсанов-в6т Нет, у него воды нету!)

[@annabraichenko4611]

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

[@InvisibleBunny]

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

[@ктоя-с6ф]

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

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

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

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

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

[@artem_doronin]

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

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

@@angelika_vladimirskaya а ваши?

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

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

[@Easycore2000]

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

[@pickman3530]

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

[@FreelancerLifeStyle]

Спасибо!))

[@pavelstepanov5941]

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

[@FreelancerLifeStyle]

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

[@nikolay7618]

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

[@FreelancerLifeStyle]

Спасибо!

[@kirillusmanov3330]

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

[@georgigalechyan4392]

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

[@konstantinlyashenko4785]

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

[@FreelancerLifeStyle]

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

[@BLGamesChannel]

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

[@FreelancerLifeStyle]

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

[@mila4308]

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

[@FreelancerLifeStyle]

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

[@eminemroyce5457]

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

[@FreelancerLifeStyle]

Пожалуйста!

[@ghouldeadinside12posnoroll32]

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

[@FreelancerLifeStyle]

Я рад!

[@Timyr48]

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

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

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

[@bloody91122]

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

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

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

[@FreelancerLifeStyle]

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

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

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

[@hamletmuradyan5692]

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

[@Snegurjan]

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

[@Snegurjan]

@@johnyxmelev5475 kzbin.info/aero/PLM6XATa8CAG5mPV60dMmjMRrHVW4LmV2x

[@XSau_Alyki]

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

[@tatianadmitrieva6712]

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

[@tylerdurden9008]

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

[@desade7505]

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

[@FreelancerLifeStyle]

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

[@nataliamertsalova1498]

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

[@FreelancerLifeStyle]

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

[@human7058]

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

[@val-tin8663]

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

[@FreelancerLifeStyle]

Пожалуйста!

[@niko.militarist]

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

[@volodymyrmatselyukh8808]

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

[@lebedichvadim]

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

[@FreelancerLifeStyle]

Супер! Я рад!

[@alexanderyastrebov6815]

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

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

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

[@YaroslavNechyporuk]

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

[@olenakunina1]

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

[@FreelancerLifeStyle]

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

[@hottabi489]

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

[@dobrovvvcod1628]

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

[@FreelancerLifeStyle]

Спасибо!

[@evangames7426]

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

[@FreelancerLifeStyle]

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

[@zhalozhalo5486]

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

[@FreelancerLifeStyle]

Спасибо!

[@lerne-du]

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

[@FreelancerLifeStyle]

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

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

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

[@FreelancerLifeStyle]

Спасибо!

[@Burovasofia]

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

[@igormajrov8444]

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

[@FreelancerLifeStyle]

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

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

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

[@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!

[@user_natazaja]

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

[@wivernx9449]

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

[@IgorSemenuk]

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

[@FreelancerLifeStyle]

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

[@111AlexF]

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

[@Rahat_Lukumov]

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

[@ameliyagrei3227]

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

[@Dmitrycheburirtrie]

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

[@FreelancerLifeStyle]

Спасибо!

[@kotiko_oks]

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

[@ChendlerBiing]

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

[@Evgeny..]

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

[@sergeysokolov4270]

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

[@FreelancerLifeStyle]

Спасибо!

[@Namato_Okris]

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

[@georgemazur7788]

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

[@FreelancerLifeStyle]

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

[@chemikalbrazzers]

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

[@ДаряЮрко-у9т]

Крута подача матеріалу. Дякую за твою працю!

[@nagibator-666]

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

[@alexweb424]

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

[@FreelancerLifeStyle]

Пожалуйста!

[@arkadiijuryevich2753]

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

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

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

[@МарияКашпур-з3б]

Гуру подачи информации!

[@МихаилМакейчев-ш1к]

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

[@VarlogST]

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

[@alexandr8978]

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

[@FreelancerLifeStyle]

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

[@alexandr8978]

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

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

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

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

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

[@artyomvoytenko1237]

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

[@FreelancerLifeStyle]

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

[@ВикаОношко-л8ж]

Спасибо за видео.Все наглядно и понятно!!!👍👍👍👍

[@iamcarinn]

Спасибо вам огромное за этот плейлист и шпаргалку!

[@danilbadretdinov2787]

подача -- огонь!

[@JengoJen]

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

[@РусланБырсан-э2л]

блин капец смотрю и восхищаюсь твоими топовыми видио

[@FreelancerLifeStyle]

Спасибо!

[@Olegatorius1]

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

[@FreelancerLifeStyle]

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

[@zelenyigor6919]

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

[@FreelancerLifeStyle]

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

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

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

[@alex45779]

За две недели пересматриваю уже третий раз!

[@FreelancerLifeStyle]

Всегда под рукой)

[@АндрейГерасимов-ы7й]

А для чего 3 раза? Я конспектирую себе в тетрадь, и потом оттуда вытаскиваю нужное) По старинке так сказать, хотя и Жека делает шпаргалки)

[@АндрейГерасимов-ы7й]

@@FreelancerLifeStyle Красавчик, так держать, продолжай пилить видео)

[@ВалерийКостинский]

Легко и просто) ждем дальше

[@FreelancerLifeStyle]

Скоро

[@Cherniy_Stalker]

Спасибо большое за урок!) все понятно и доходчиво объяснил;)

[@barsdogtv6974]

Мне очень нравитсься твои Уроки!!!

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

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

[@FreelancerLifeStyle]

Пожалуйста!

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

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

[@FreelancerLifeStyle]

Пожалуйста!

[@johnwick8332]

Добрый день, прекрасно объясняете, чувствую еще не раз обращусь к вашим видео. Спасибо

[@Softologic]

Спасибо! Все четко и по делу!