CSS Flexbox Tutorial for Beginners | Basics & Container | 1/2

Responsive design is more important than ever as we want to ensure that our website looks awesome on all devices. With Flexbox we can make our Elements more dynamic, so let's find out how this works in this tutorial!

----------

----------

See you in the videos!

----------

[SajeelBongale]

"Align items always refers to the positioning of elements along the cross axis". Never going to forget that now! Thank you for the excellent explanation

[jakubrpawlowski]

This is hands down the best explanation of flexbox on YouTube. Great job Manu!

[natashasimone]

I've spent about a week trying to understand Flex boxes I finally understand thanks to you! Thank you!! :-D

[taariqq]

Most helpful thing about their teaching style, clear demarcation of ideas and listing the values used in them. Great tutorial!

[petermckinnon]

How can ppl give this a thumbs down. I was struggling to understand Flexbox until I came across this tutorial. The best explanation and diagrams to illustrate the direction on YouTube. Thank you so much.

[divisorZero]

you can TEATCH, not just give information. Thank you for your explanations! I mean all you youtube and courses!

[deepeebee]

Definitely the best explanation of Flexbox I have encountered. I especially like that the CONTAINER and the FLEX ITEMS are being discussed separately. Top notch. Ten stars. Thank you for doing this & posting it.

[cerealrakist]

Sir ty so much for this! I learned flexbox recently but was having issues and nobody else explained the rules like you did so I’ve been struggling ! Now it makes sense! You’re so gracious to help us for free!! Big hug ty !

[justsomeguy]

Finally, someone who can actually explain Flexbox properly

[giorgiobarone]

This is probably the best tutorial about flexbox. The way you explain is very clear, your English is perfect and to show the concepts on the screen helps a lot. Well done! My compliments!

[bassam.]

I finally get it! You don't know how hard this has been, but this tutorial has increased my confidence tenfold. Thank you, Manuel/Academind!

[Darragh]

Was doing an online Bootcamp and came to flexbox (align-items, justify etc) and it all got a bit confusing, so when i saw Academind explaining it I was like: "click" and sure enough....now I'm starting to get it. :) Max and Man are so clued into teaching these topics at the beginner level.
Wunderbar, Wie von mir ;) :)

[AhmedMkhinini]

if you don't understand flexbox after this, you will never understand it. best flexbox explanations ! GJ

[kenanklovitch]

Wow, the best video tutorial on flexbox I have found, you have taken the frustration out of learning flexbox, I can't thank you enough!

[angelamiller]

This was SO well done & SO easy to understand! THANK YOU!

[tg-shyam]

man never saw such a good explanation like this thanks a lot for such an excellelent video keep going

[Saaad]

Using flex-direction and flex-wrap would be better option than using flex-flow as that is more easier to grasp for first time learners. When you're teaching then you have to make it simple, you don't do it your own, but the simpler and easiest way. Overall good video!

[rukaiyakhan]

Best tutor so far!!! Explained so well. Thank you so much.

[auxreves]

You are the best CSS teacher I've encountered, sir. Thank you

[robertw]

Very good video. I have learned a lot from it. Thank you.
The one confusing term for me was: Cross direction (?)
Every time I heard it, I had to 'translate' it in my head to: Wrap direction.
The direction that the elements will be moved when wrapping.