Learn Flexbox in 15 Minutes

i loved it.

Excellent tutorial cheers Shane

i hope thank you will be enough

Thank you so much good sir you are hero we need!

How to make for example 3 items in one row and then 3 more going beneath them so that I can have a nicely aligned 3 by 3 grid with equal space left and right and up and down?

thank you

Wow! I thought that Flexbox was a very complex and time-consuming thing to learn. This video explains it in a concise and accurate manner. Thanks, sir. You deserve a sub and a like!

🎯 Key Takeaways for quick navigation:


Made with HARPA AI

Hi thanks for the short yet info packed tutorial. Much appreciated!

Good job bro, JESUS IS COMING BACK VERY SOON;WATCH AND PREPARE

flex grow and flex-basis still doesn't make sense to me. If item-2 and item-3 are both 200px and you set flex-basis to zero and lets say the remaining space is 30px and flex grow of 2 on the second item and flex-grow of 1 on the third item. and flex-box distributes in a two to one ratio and puts 20px of space on the second item and 10px on the third. That is not a 2 to 1 ratio when you actually look at the full pixels of both items. it would be an item of 220px and one with 210px. so what am I missing?

this was incredibly clear and helped me with my final project - liked and subbed!

Thank you Kyle

❤thank u

thanks

Any web concept you teach becomes so easy to understand. Thanks buddy for the effort.

Watching this before doing Odin's Flexbox section. Great video, super lean quality stuff.

I forget this a few months. AAAAAAAHHHHHH!!! Thanks for having this up.

Amazing video!!!

This tutorial really useful for me. This video make me to understand clearly. Thanks so much.

i usually don't comment , but i swear this is the best tutorial i have ever watched regarding flexbox <3 you made this simplest tutorial ever thankyou soo muchhh !

Thanks a lot bro❤! You are doing a fabulous job bro. Keep making such informative and amazing content.

Thank you sir, awesome explanation ❤

This is so useful. Thank you!

What helped for me is putting a border on every element and div and slowly using every attribute on css or this video and seeing how it behaves and what it does

very good presentation and content. Thank you.

muy buen video!! uno de los mejores

I always come back to your videos when watching other creators' content on web development because they don't simplify it the way you do

Man! You're the best one I have ever met at explaining complex programming concepts.

You're the king of making web concepts simple!

As a backend developer I am facing difficulty to understand flex... Thank you for making it simple

Best tutorial in the world. I am a professional working in an organization. I used to do html CSS stuff back in the day but nowadays I'm more into logic building and APIs stuff. Just want to learn about flex to improve my css, tried at many blogs but did not get satisfactory answer, When I saw video from web dev simplified there was an instant relief. Thank you so much for best compact content with no bs like others.

heartly thankfull Kyle..

This is a bit complex, but I'll figure it out.

flexible box sucks man
I'm tired of watching videos related to it. I assume this one is surely gonna help me out. 😿

I had to play back a lot of this. Started doing my head in.

You have a talent to explain things clearly.
Did you learn this skill or was it natural to you?

This video is extremely helpful for me. Thank you!

I don't always need to update and create CSS daily, but your tutorials are SIMPLY (literally) amazing! Great videos that are straight to the point. Exactly what I need when I'm looking to refresh my CSS knowledge. Thank you!

flex : 0 100%; what does it mean

Man you always explain it plain and simple! Amazing work bro keep it up.

Thank you, the main axis/cross axis explanation really helped me understand it more.

Thanks dad

Thank you this was really helpfull

i've noticed that the display flex will only align the items horizontally if they are of the same html element ex. paragraph or header but if you combine different elements and wannt to stack them horizontally, it will misalign.

excelent videos as aways

What if I want to edit my flex box items individually.
Meaning I want my item one
To have a different border line effect and background color from my item two

I definitely need to watch this video as flexbox is a damn mystery to me.