Flex grow, shrink, basis | CSS Flexbox tutorial

[@cherie4665]

One of the best visualisations. People really shouldn't overcomplicate such a straightforward concept. Great video!

[@SpeaksYourWord]

It's just because css is the shittiest language ever made so it makes sense.

[@person81045]

Seen other videos where its basically someone using as many big words as possible to explain such a simple concept. This right here is actually TEACHING vs flexing on viewers (no pun intended)

[@jacksebbenunicyclist]

Dude, this was a life saver! First tutorial I've found that clearly explains it. THANK YOU

[@definty]

Very rarely do I come across a CSS tutorial done better than Kyle or Kevin but your explanation make it much simpler than anyone else's I've seen so far!

[@LewisBenson-Codex]

It's funny that you mentioned these 2 channels by their first names, not their KZbin channels, and I knew exactly who you meant. I rely on them so much lol

[@definty]

@@LewisBenson-Codex haha they is the goats!

[@kopilkaiser8991]

Absolutely one of the best tutorial to cover properly and adequately this topic on yt.

[@stellanwae5050]

Ah! I love Scrimba. Great video, you made it so simple!

[@estherinyang4779]

Half way in and I'm wooooowed! you are amazing at how you explain things so easily. Not a CSS beginner but I still came for this and you made it all easy to grasp, Thank you.

[@blacknwhite5451]

Thanks, really great and clear tutorial. Been a FE developer for many years, but never really took time to look into the details of flex grow and shrink. So now I know :)

[@hjz2000]

Lmao I've been searching for tons of videos on basis and you discussed it in such a simplistic way. Thank you sir.

[@talibalasrar]

best explanation in such a short time, my friend you are a hero.

[@robertsheppard9297]

I checked 5 articles all all articles made it too hard to understand. Hats off to you! Amazing Explanation.. Thanks

[@mjylove2]

you did really good job explaining the concept! thank you!

[@GoomusicLtd]

Thank you! Very well explained!

[@venkateshchintapalli2360]

One of the great explaination. Thank you brother 👌👌

[@tomcat9761]

Thank you very much for the visualization. It really helped!

[@Gorillawan]

Thanks for your lesson, this is the first explanation that help me understand the differernt between those elements.

[@umarmuzammil7332]

wow ...very explicit love these contents smoooth thanks a lot

[@anime_gen875]

you got a new sub ♥

[@franciscosalazar8116]

Wow, I couldn't understand this, even when I read the docs it was so confusing, but you made it son easy to understand! Thanks so much!

[@dhoneybeekingdom7889]

Fantastic! So easy to understand, thank you!

[@leonelcenteno3816]

Very clear explanation.

[@Karthik22ng]

This is the best explanation on flex box.

[@g0mezz]

thank youuuu! ive loved the way how you explained things

[@nadeemkh100]

Finally, I was able to understand it. Thank you so much mate.

[@xx_kyon]

YOU ARE AN ANGEL THANK YOU HOPE YOU LIVE A HAPPY FULLFILLED LIFE

[@adhilrumais5106]

Great explanations!

[@konradtomaszewski1677]

brilliant - exactly how I love to play to pick up technological nuances - thanks!

[@romank1ng528]

Amazing! Very clear explanation, this was extremely helpful

[@otakuprofessor1022]

Good tutorial!

[@JStone25]

The best explanation, I don't know why it has 800 likes and 21 thousand views

[@hplat-vku]

thank brooooo, u save me about flex css

[@Yash-ry5wj]

Finally I understood it. Thank you ❤️

[@ARhaze2x]

I am trying to use a span tag to create a bottom border and am having trouble with getting it to appear. how should I do that

[@osmankhalid2005]

Thank you. Best tutorial on the planet.

[@dimasbajuri]

Thanks mate

[@romeiyu3491]

thank you so much for this.

[@ilseyanes9686]

Excellent explanation!

[@agx111]

Very nicely explained 😃

[@cryptobrarry]

if srink and grow is "1" what the seance to set basis?

[@arshguleria442]

Very simple and too the point explanation, thanks :)

[@halcyon__r3289]

U re good at getting my focus

[@alivtech3215]

Fantastic One!! really appreciate your explanation.

[@himankhorany1476]

you explain it very well, and it was easy to understand.

[@naxo210]

Thanks mate, really well explained.

[@hicee]

It is easy to understand. thank you. But you need to explain more about flex basis

[@yvng4697]

it works like a width right?

[@bama2619]

Amazing explanation.) Thank you.

[@akibahnaf-lu1sr]

thanks it helps

[@markanthonyponce9484]

Thanks Sir! Great explanation!

[@lindag5733]

This is awesome! Thank you!

[@kranthikumar5215]

Really amazing explanation ❤

[@arseneawounou180]

Best explanation ever !

[@ravichaudhary10]

Very well explained. Thank you.

[@trietphan7771]

it's really helpful, thanks for your lesson

[@CephalonShohan]

very good explaination. apreciate it

[@Victor-Ike]

What about using flex with responsive units like %? Example flex: 33%

[@josephkamande3219]

Good explanation. Thank you so much

[@joecok]

Great work. Thank you so much

[@satadhi]

why do we have to make css so diffucult man this is crazy; too much random information; sorry for the rant; btw thanks a lot for the explaination, you are doing god's work here

[@Pavankumar-wq2fp]

really a great tutorial

[@LamNguyen-jp5vh]

Thank you!

[@levyjr6857]

good explanation

[@cfuman]

Thank you for the video but I think the default value for the flex - basis value is : auto

[@naxo210]

Yes, you are correct. Still this video is extremely helpful.

[@costagmc1]

best!! thanks

[@jennybennyglitter]

Thank u ❤

[@nested9301]

name of the instructor?

[@VinayakSoni98]

Thanks

[@chocomuslim3074]

Thanks a- lot!

[@hamzaramay3385]

thanks sir

[@noahpedraza2659]

Wonderful

[@amrholo4445]

thanks, sir

[@sonnyl2915]

Thx

[@sayuridonomai]

thank you so much ;-;

[@cortespoliglota]

Thank

[@muhammadwaqar6912]

Awesome

[@yvng4697]

Thanks!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@borisrusev9474]

"... of the remaining space" not the whole space. Very important distinction. Having a flew-grow: 1000 doesn't mean it will grow 1000 times faster, only what portion of the REMAINING space will be added to the width.

[@coldpizza2453]

❤

[@Suboku]

merci

[@dontEatAnimals]

I love you 💟

[@toonice555]

Excellent

[@doniaelfouly4142]

Thanks