Flexbox CSS In 20 Minutes

In this quick video we will go over the CSS Flexbox model. This is a quick overview, not an in-depth course. We will look at the basics such as

display:flex
flex
order
flex-direction
justify-content
flex-basis
align-items

[computerhoofd]

Narrators in a lot of other videos sound too enthusiastic for my taste. That's why I love the way this guy explains things. He sounds so bored, and I love it. So soothing.

[SKR]

20 minutes ago I couldn't get my head around flex boxes at all and now I feel like I proper understand them.

Absolutely brilliant video

Flex boxes are actually incredible. will look forward to using them

[hirbodkhatami]

TIP: align-items is for laying items along cross axis and justify-content is for laying items along main axis.

[chrismayes]

Super helpful! Thank you very much for this video.

Small point if anyone else gets confused at 5:20: author says both align-content and align-items are for the cross axis. I think this is right for items, but content is for the main axis!

[JustPerfectDesigns]

This was recorded 4years ago and it still helped solve all my problems with flex box. You’re awesome T 💪

[sourandbitter]

I struggled for an hour on a simple navbar and got the idea to make it using flexbox. That was childs play. Thanks for the great explanation.

[livetolearnandlearntosucce]

Hi Traversy Media you are the only man i like in explaining things in css, java, html, etc. I have been learning for about six month. But with your video and tutorials i get lots of improvement because you are practical. This is why i love you the most. When others explain i have not much improvement cause i dont know why, they are so advance or just not practical like you. You channel help me lots. Thanks to you and GOD BLESS YOU.

[mahsh]

And just like that, this guy taught me in 20 mins what university couldn't teach me in 3 years
thanks man

[ga]

Your video is the best on the net for flexbox, thanks a million for all the time you spent to make this simple and clear and many thanks for code.

[Free_Bird]

this is what a learner wants --> no unnecessary excitements and no 'try hard' to make audience watch the video giving heavy expectations. Excellent work😀

[spaghetticode]

"Thay may be very well be the only thing you want to do, and that's fine."

Iove that one line so much

[tuby]

By far the most clear explanation of flex. For me, that is.

[CustomizeDroid]

Best tutorial have ever watched been finding it a bit hard to wrap my head around flexbox and grid model but with this course everything seems so much easier thanks Brad for this insightful video

[yupkeetoki]

I really like the way you explain each flex property. In other videos, they just go through things so quickly that I find myself lost most of the time. Thanks for showing examples of how each of the properties function!

[bikkikumarsha]

With 2x speed learn Flexbox in 10 minutes

[seemakanwal]

You demonstrated it nicely with little examples first and then added it in the main code. I understood it without a problem. Thanks.

[aseemlalfakawma]

Really informative, can't believe how easy it is to make column layouts now.

[steve_matin]

Just took a Udemy course that didn't explain flexboxes -- you sir are a hero.

[el]

i always go back to this video for a refresher :)

[matthewr]

Thank you. Creating these videos and taking the time to help has made a tremendous impact on my developing career.