CSS Flexbox Tutorial for Beginners | Flex-Items | 2/2

[@yuryitikhonoff9631]

Very relevant in 2021. The Maximillian was not that but the quality level of teaching was incredibly high and graspable. Thank you so much. Good job.

[@henrivandesign4526]

An astute tutorial indeed, explained clearly from a to z. I can't believe that this level of education is free! :6

[@academind]

Thanks a million for your awesome feedback Henri, so happy to read that you liked the video!

[@aakashkashyapsharma2260]

I watch this video for the first time and trust me guys, he did an excellent job. You are a true example of a great teacher. Thanks a million for sharing such amazingly explained content free of cost. Plz keep doing the great work and you will hit billion subscriber very soon.🙏

[@deepeebee62]

Amazing! You make so much sense of all this stuff. Up until now, I used Flexbox sparingly, but now I can clearly see how powerful this is. Thank you for taking the time to do this!!!

[@martincoton6623]

I was trying to learn this on Udemy from a fully qualified developer - they were confused by their own script. I agree, amazing that this is free, thank you.

[@PfizZz]

Many years late, but thank you for this!

[@danyls_trusting_the_process]

i have started recently to learn css and specialy flexbox and his behavior and your video have helped me to get the very basic of flexbox and how it works. Thank Sir!!

[@academind]

Happy to read that Dany, thank you :)

[@zahirabs1]

I really like your teaching style. Looking forward to seeing some more videos from you.

[@academind]

Thanks so much Zaheer, that's really amazing to hear! :)

[@fun2badult]

Thank you for the video! I had issues understanding Flexbox and your video described it perfectly. Great Work!

[@diegoquadra6546]

You did a great job here, as in the first tutorial. All i have to say is that this "flex" thing is all but intuitive for me, the names and the values makes it so hard to think about when they are all combined together. I would need to draw your slides all the times just to understand why my divs are going around the page ahahahah

[@ScottKFraley]

Thanks for this great tutorial! Also, does anyone else love how many times he says "the fifth element?" ;)

[@VitorLucasOFICIAL]

Amazing teacher and explanation! Thank you very much! Loved it

[@dehsomething]

"says perfect definition of concept", then: "now, let's see what that means".......THANK YOU....great content and great teacher.

[@academind]

Thank you Leandro :)

[@rahatpt8094]

Clearly explained. Great for understanding basic concepts :)

[@dmitryincog7455]

Thank you! Thank you! Thank you! I finally understood the concept of a flexbox. You're a brilliant explainer (is this a word?). Cheers!

[@academind]

Wow, thank YOU for this fantastic feedback Dmitry! This honestly means a lot to me and I really mean it like that :)

[@liamik9986]

@@academind , you are really a good teacher!!!! thanx a lot for your lessons!

[@mladenkaorlic]

flex-basis isn't always related to the width, because main axis can be in various directions (column)

[@dokodiaries]

my subscription is the comment that i like your explanation

[@academind]

Thanks a lot for your support!

[@hazzaldo]

Awesome tutorial. Glad I came across it. Thank you so much. Subscribed.

[@academind]

Awesome, thank you, great to have you on board!

[@mladenkaorlic]

flex-direction has impact on order default order is 0, if we add other values, they go to the end of the appropriate axis, based on flex-direction

[@jokiala9909]

Awesome explanations, thank you!

[@giacomobonomelli]

Maestro 👏

[@JCMenon76]

Great explnation...the best video on flex. Thanks.

[@academind]

Very happy to read that, thank you :)

[@mladenkaorlic]

align-self: position of the element in relation to the cross axis

[@PiyalKundu]

Very good tutorial. Flexbox can be very confusing for beginners. Main axis vs cross axis and relation between width and flex-basis these are the difficult to understand. In this video these are explained with most easiest way. But again nobody can spoon feed the concept without practicing with actual examples.

[@academind]

I totally agree Piyal, as always in web development it's all about practicing in the end. But thanks for your great feedback, happy to read that you liked the video!

[@icerexiomo6987]

Thank you so much. I learned a lot. More powers to you sir

[@academind]

Thank YOU for your comment, so happy to read that the video was helpful for you :)

[@YannickJaquier]

Great series ! Thanks for sharing !

[@academind]

So great to read that you like it Yannick, thanks a lot for your support!

[@mesalesme7501]

do you use flexbox in conjunction with media queries ???

[@bogdanstojkovski4969]

Great Video. Thanks!

[@academind]

Thanks a lot Bogdan!

[@jakubrpawlowski]

Thank you! Great examples!

[@academind]

Happy to read that Jakub, thank you again!

[@janstepan4600]

Amazing explanation .... thank you a lot :)

[@idrismuhammad166]

Thanks for your vid 😍

[@rahulverma8720]

awesome sir

[@luciusrex]

nicely done! I needed to get familiar with flexbox (im using vuetify) and you gave me something to start with! You missed introducing yourself though.

[@academind]

Very happy to read that you liked the video, thanks a lot for your great feedback! We (normally) do not tend to introduce ourselves as we are only two persons on the channel, but we actually made a short intro when I joined the channel 1.5 years ago: kzbin.info/www/bejne/i6vIgXiod79pr9E

[@keshavchauhan2465]

In flex grow while one of the div is growing twice of the other, so will it grow continuously exceeding the width of the page which we have defined or will it grow till the width value and stop?

[@learnwithnorlyn]

Thank you for this

[@mladenkaorlic]

flex-basis: size of the element in relation to the main axis

[@technicalfma5807]

Great Explanation great video .....

[@academind]

Thank you so much for your awesome feedback!

[@Pareshbpatel]

Flexbox: flex-item, beautifully explained. Thank you. {2022-08-23}

[@mianahmed5070]

nice explanation......... thanks bro!

[@academind]

So happy to read that you like the video, thanks a lot!

[@shahzebahmad7866]

Sir please make a vedio on grid just like the one uve done like flex plz

[@academind]

We got a whole Grid module in our CSS course => pro.academind.com/p/css-the-complete-guide-2020-incl-flexbox-grid-sass

[@mesalesme7501]

Don't you love this mini "serious" hehe

[@goczbela8469]

thx!

[@ajanyhc]

Arigato!!!!

[@leohunter5609]

8:22

[@mladenkaorlic]

flex: 0 1 auto; flex-grow flex-shrink flex-basis

[@ivanvincent7534]

Great video. The design of flex is very poor. Flipping axis’s is a terrible decision adding unnecessary complexity. The naming of properties is also very unintuitive.

[@ינוןאלבז-כ1ז]

Just bibi

[@academind]

?

[@souvikmandal962]

who down voted these videos?

[@manishkumarshr]

And bye! :)

[@academind]

;)

[@asifpop]

are you an englishman?

[@academind]

No, I'm German.

[@asifpop]

@@academind thats why it had become much more difficult to understand your pronunciation for me