Learn Flexbox CSS in 8 minutes

During the CSS stone-age developers were creating layouts with floats and positioning until one fateful day Flexbox would be introduced and the world would never be the same.
0:00 Intro
0:11 display flex
0:39 flex-direction
1:05 justify-content
1:41 align-items
2:22 key concept
3:12 flex-wrap
3:36 align-content
4:08 gap
4:20 flex-grow
5:19 flex-shrink
5:44 flex-basis
6:14 flex shorthand
6:43 align-self
7:17 order

[fartlander]

This is what high value content looks like. Crystal clear, concise and to the point. Much appreciated.

[irun_mon]

this is so much better than spending a whole day reading flex box in w3school, I'm a visual learner so this helps a lot

[utkarshmayur]

I had skipped flexbox and moved onto learning JS; after watching this I realise how much of a peasant I was. Your channel is insane, keep the good work up!

[hex_]

Beginner in CSS here, I understood how flexbox worked and the properties before, but I just couldn't wrap my head around it when it came to actually using it. This is a really clean refresher, I'll save it to watch when I get confused with flexbox again haha.

[buzzardb]

I learned everything back in the float era and have been trying to catch up with the times. This is by far the most clear and concise flexbox tutorial ive watched yet.

[mailsiraj]

This is the 3rd video I am watching and I am very impressed with how much you convey in such a short time. For the first time, I understand the difference between align-items vs align-content. Your explanation of baseline and align-self were very helpful as I could not understand them after doing other tutorials. Thank you so much.

[stea]

All I can say is you nailed it again. In a few minutes you showed the whole thing, with clear instructions. You're doing a much better and useful presentation than most of paid courses and materials.

[recep]

Thank you so much! I'm currently learning CSS and you've put so much content into just 8 minutes. Incredible!

[tamarasurnina_renovation]

Thank you so much! your short video helped me understand the topic, that i've studied in IT school for 2 months and still couldn't wrap my head around it, until now! and all in 8 minutes! Brilliant!

[anton]

pretty good refresher, keeping the viewer engaged with actual info that flows from one point to another. Keep at it mate!

[bamas_]

Our school teacher showed us this video in class, now I am coming back because we have an test on this topic tomorrow :)

[UndeadSasuke]

Even though I have worked as a fullstack dev for a couple of years, I never really fully understood the baseline and the align-content, even after research. It's totally absurd how you explained them in a matter of seconds at such high quality. At my company I am responsible for providing frontend learning materials for the interns every year, and this video together with others and for sure a lot of videos you will put out in the future will be the new learning material for the interns, and as well for seasoned developers, as I am spreading the word of your channel through my company and to my friends.

[martinkobimbo]

Took a whole day reading about flexbox on various sites and couldn't piece together what was happening, you just explained everything I covered and made me understand everything in 8 minutes 😮. You are the best ❤

[dennylekstrom]

Just started out with my html and css learningprocess and this is the first video that has given me an intuitive grasp on how to visualize the different elements and how to manipulate them. I really appreciate the no-personal-opinion and non-bias, just straight facts. In short, not so much about you, but the topic at hand. Fantastic content and approach. Much thanks! New subscriber for sure! 😁

[mdfarooq]

Truly amazing explanation, I was always overwhelmed with information on flex, but nothing was as clear as this. This has made flex so easy to understand that can be practically implemented in any real-world scenario.

Great job!

[Jakobokun]

This is gold! Been struggling to wrap my head around flexbox but this really helped me to understand it better! Subscribed :)

[Channel-zozp]

Great explanation. I was totally confused about this and was using the stone-age properties.. i feel confident now

[lekhasri]

This is the best channel for learning css i have ever came across which is time-saving and super understanding.
keep going on !

[Maeriii]

Man, your channel came into my recommended like an angel. I have exam Web Development in 3 weeks and so far I been struggling understanding positioning, css grid, etc. Bless you, these tutorials are amazing. I hope to see more videos and tutorials from you! Maybe also lil projects to do!

[alxbenjamin]

No fluff, just straight to the point.
We need more tutorials like this.