u people are no visual learners, you're just lazy... there's a difference ;) but keep up the excuses, we're a society made of excuses, so you'll need it
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!
I think you're going to be receiving these compliments until you die. Your presentation is so clear that I understood the whole thing on the first viewing.
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.
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.
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.
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.
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.
The way you described how one property unlocks other properties (eg: flex-wrap:wrap; unlocks align-content) just blew my mind. The way you divided flex properties into container and item properties, that was brilliant. Thanks for the clear-cut video. I will recommend your video to my other friends.
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 ❤
I was up at night stressing about uni work and not understanding all the written content... your video was so concise, clear and visually made complete sense. I could pause / go back when I needed, so the density was appreciated so that every second was valuable. Within 15 minuets I went from having no idea how to do my work, to being confident that sure.. I can totally do this. Stunning, absolutely insane ! Thank you for taking time out of your life to create this masterpiece
I just watched two of your videos right now, and i must say you are totally amazing! No one would watch your videos without having an apt understanding and answer to their questions I couldn’t hesitate to subscribe ❤️
Wow, this tutorial was incredibly efficient! In just 8 minutes, I gained a clear understanding of Flexbox, which I've been struggling with for a while. The visual examples made everything so much easier to grasp. Definitely subscribing for more concise and useful content like this! 🙌 Keep up the great work!
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!
Very useful video thank you, not like 80% of youtubers making "tutorials" or whatever with hidden code parts until you forced to pay them which is called "support", for the complete version or if refuse to pay , you just wasted your time. Thank you again for videos like this to be free, true content, no garbage.
Video was short yet super informative. I’d say that this is the most informative video on CSS that I’ve seen so far…You also make it a point to not add any fluff to your videos, again straight to the point…The way you’re able to present your teachings is done in such a way where people like me (I have very little coding experience) am able to learn deep rabbit hole topics in a very short amount of time! Thank you!
I've been writing HTML since the early 90's (Mosiac days) and never understood the flex layout. Your video helped me understand this way better than I have ever understood. 100% recommended watch. Gone are the days of me trying to do margins and wrapper containers trying to center something horizontally or vertically!
Thank you so much! Up to this point I was always confused by flexbox layout and never understood what all those articles were talking about. This was crystal clear for me!
I am not new to css so i really mean it when i say this is the best tutorial i've seen . More of those and one week should be enough for beginners to learn CSS
I was struggling so much with flex-box even after watching so many videos on it but this video finally helpedd. I'm so glad I clicked on this video after it was recommended my 100s of times. Thankyou so much no one explained me flexbox in this way as axis, it's so easier to grasp with the understanding of graphs. I'll checkout your channel, you're goated. thanks a lot man. :)
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!
I love how you broke everything down into deep detail, making it a lot easier to understand - especially when you have live update active so that we can see what you're describing.
Your videos are super informative and concise. I wish you’d make one on everything code related, they really get the point across. I can tell you’re working on it so here’s to many more. 👍
Pretty high quality of you to teach brother :). I knew that justify-contents and align items definition but, explanation of flex-direction was truly phenomenal :).
I must say, it was awesome! I spent only 8 minutes and 15 seconds, and gained pure knowledge and a great learning experience. Hats off to you! Please keep making awesome video tuts like this one, as they really help us learn with quality. THANK YOU FOR MAKING LEARNING SO EASY!
Damn bro, I've watched alot of flex css tuts and they were even long af, this is the only video that gave me enlightenment and how to really use it. Thanks man!
once the video is posted by "slaying the dragom" you know that you are going to understand everything quickly... thanks for everything that you teach us... i hope you will never stop teaching cause you are a very good teacher.... much love.....
What if you put flex-grow: 0.9; or 0.8; ? So the 1 or the 0.9 just basically equates to a percentage where 1 means 100% of the space left and 0.9 means 90% etc.? Btw your explanation is really straight to the point and it makes it even easier to comprehend with the added graphics
Yes that's exactly how that works, 0.9 or any other number here is a unitless value that represents a fractional value of the remaining space available. I see now though that perhaps I could have explained that part better. I'll pin this comment so that others can see. Thank you ☺!
I skipped from floating content to .JS and other related front-end solutions.... Just hopping back into flexbox and this content is solid gold. Well done man
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! 😁
I went on 5 hours of research to understand flexbox, I didn't understand much and I just watched your video and that's it I understood! Thank you, it's clear and easy, no complicated terms and the explanation of the axis change a lot of thing!
thankyou so much man , your explanations are just amazing, watched your grid and flex box videos and understood both the concepts very clearly, subbed forever
Absolutely amazing - calmly and logically explained, as well as visually presented. I should have watched all your videos earlier. That would have saved me a lot of headaches and few night shifts! Please keep it up!
I was introduced to flexbox yesterday and I just could not get my head around it and was pulling my hair out. This video was so clear and has really helped me understand, so thank you very much!
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!
honestly thank you so much for this! this was so helpful and i love the way you explain things simply yet effectively. i can't believe you've offered this for free!!
I'm doing the Mimo course and certain parts of this didn't really land, particularly the align-items vs align content but this video seriously helped to fill in the gaps. Super concise and now I feel have a much better grasp of flexbox. Thank you!
This is such a great explanation without overcomplicating anything. I feel like I finally understand flexbox a little more :D Thank you for your video!!
You're a god sent. Truly. Straight to the point, clearly and well spoken, easy to understand. Thank you so much my friend. Would subscribe twice if I could
Thank you for such a clear, straightforward review that is considerate of the viewer's time. Plus, the *Codepen* link is extremely helpful -- *excellent video!*
Thank you so much ! I couldn't understand how the positioning of flexbox works but now thanks to you, I finally understand ! Keep doing this amazing work ! Have a wonderful and beautiful day !
this was one the best dev tutorials i've ever seen. As a brazilian, i prefer to watch portuguese videos, but this one helped me a lot to understand, much more than the brazilian videos, even with a different language
🚨🚨🚨 New CSS Course - slayingthedragon.io 🚨🚨🚨
How old are you
😂😂@@smaransure2234
Oustanding! Looking fw your other courses as well!
This is what high value content looks like. Crystal clear, concise and to the point. Much appreciated.
Thank you ❤❤
Completely 💯 Agree
I completely agree with you, @fartlander
minus the annoying random white strings that were added for visual effect...they are extremely distracting
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
I'm glad this helped 😁
Same bro😑 plus, he also give out plenty of tips. I'm glad I came across his channel.
Dont use w3, better use mdn
Same!
u people are no visual learners, you're just lazy... there's a difference ;) but keep up the excuses, we're a society made of excuses, so you'll need it
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!
Haha I love it, thank you so much !
Omg i did the same thing 😅
Me too, i Just learnt it 😂
😂🤣
You peasant!
I think you're going to be receiving these compliments until you die. Your presentation is so clear that I understood the whole thing on the first viewing.
Dude. .... Seriously. This one sets the gold standard for any tech-tutorial out there.
very direct explanation with no bullshit words that makes non English speaker confused
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.
Yes this
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.
Wow thank you so much ❤️❤️❤️❤️❤️
which is yyrrurr company
same with align-content and baseline, was looking for a simple explanation
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.
Thank you so much ❤❤❤
can u share the code of styles.css
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.
For someone who previously wrote css with float learning flexbox is like the best day ever
pretty good refresher, keeping the viewer engaged with actual info that flows from one point to another. Keep at it mate!
Thank you 🙂
Thanks!
Thank you, much love !
No fluff, just straight to the point.
We need more tutorials like this.
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.
As a senior developer with over 12 years of experience I can say that you are amazing at explaining. I enjoyed this quick refresh. Keep it up!
where are from?
Our school teacher showed us this video in class, now I am coming back because we have an test on this topic tomorrow :)
The way you described how one property unlocks other properties (eg: flex-wrap:wrap; unlocks align-content) just blew my mind. The way you divided flex properties into container and item properties, that was brilliant. Thanks for the clear-cut video. I will recommend your video to my other friends.
Holy, I really appreciated reading that, thank you so much 😁
fast and useful! thank you!
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 ❤
YOU SAVED MY LIFE!!! I would not have been able to finish my computer science culminating assignment without this
Thank you so much! I'm currently learning CSS and you've put so much content into just 8 minutes. Incredible!
I was up at night stressing about uni work and not understanding all the written content... your video was so concise, clear and visually made complete sense. I could pause / go back when I needed, so the density was appreciated so that every second was valuable. Within 15 minuets I went from having no idea how to do my work, to being confident that sure.. I can totally do this. Stunning, absolutely insane ! Thank you for taking time out of your life to create this masterpiece
This is gold! Been struggling to wrap my head around flexbox but this really helped me to understand it better! Subscribed :)
I'm glad I could help ! Thank you ☺️
I just watched two of your videos right now, and i must say you are totally amazing! No one would watch your videos without having an apt understanding and answer to their questions
I couldn’t hesitate to subscribe ❤️
bruh I thought because the video is so short it was not complete. but I mind my wrong. This video is very creative!
Wow, this tutorial was incredibly efficient! In just 8 minutes, I gained a clear understanding of Flexbox, which I've been struggling with for a while. The visual examples made everything so much easier to grasp. Definitely subscribing for more concise and useful content like this! 🙌 Keep up the great work!
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!
Very useful video thank you, not like 80% of youtubers making "tutorials" or whatever with hidden code parts until you forced to pay them which is called "support", for the complete version or if refuse to pay , you just wasted your time. Thank you again for videos like this to be free, true content, no garbage.
I really am liking this kindof analytical format. This guy has nice visuals paired with a pretty streamlined explanation!
Thank you very much ☺️
Video was short yet super informative. I’d say that this is the most informative video on CSS that I’ve seen so far…You also make it a point to not add any fluff to your videos, again straight to the point…The way you’re able to present your teachings is done in such a way where people like me (I have very little coding experience) am able to learn deep rabbit hole topics in a very short amount of time! Thank you!
I've been writing HTML since the early 90's (Mosiac days) and never understood the flex layout. Your video helped me understand this way better than I have ever understood. 100% recommended watch. Gone are the days of me trying to do margins and wrapper containers trying to center something horizontally or vertically!
I'm really happy to read this ☺️, much love ❤️❤️
This is the best channel for learning css i have ever came across which is time-saving and super understanding.
keep going on !
love how the most watched moment is where he shows the base styles he said we should "ignore"
Yeah if you ignore that this wont look the same AT ALL. lol. Its totally screwing me up as a new programmer.
as a person who hates css, this video helps me a lot ! subscribed!
Sick summary! Loved it, I have always needed align-self, but didn't know it existed.
Deserves waaay more views.
Thank you ☺️
Thank you so much! Up to this point I was always confused by flexbox layout and never understood what all those articles were talking about. This was crystal clear for me!
I am not new to css so i really mean it when i say this is the best tutorial i've seen . More of those and one week should be enough for beginners to learn CSS
holy sh-.
this is the definitive video on understanding flexbox css properties - outstanding stuff
I cannot express in words how brilliant this tutorial is 👏🏻👌🏻🔥
Thank you 😁
I was struggling so much with flex-box even after watching so many videos on it but this video finally helpedd. I'm so glad I clicked on this video after it was recommended my 100s of times.
Thankyou so much no one explained me flexbox in this way as axis, it's so easier to grasp with the understanding of graphs. I'll checkout your channel, you're goated. thanks a lot man. :)
Where are The Odin Project forces?
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!
This is what I was looking for. Direct and simple explanation. Great Work 😄
Thank you 😊😊❤❤❤
I watched atleast 5videos about css basic tutorial and yours is top tier, Good job. This vid is recommendable.
Straight to the point with simple and understandable examples. Thanks man
I love how you broke everything down into deep detail, making it a lot easier to understand - especially when you have live update active so that we can see what you're describing.
Such a good explanation. Simple and no waste of time. A true professional!
this was the best flexbox tutorial that i've ever seen, no rubbish, just straight to the point. nice work brother.
Your videos are super informative and concise. I wish you’d make one on everything code related, they really get the point across. I can tell you’re working on it so here’s to many more. 👍
Much love ❤️❤️
Pretty high quality of you to teach brother :). I knew that justify-contents and align items definition but, explanation of flex-direction was truly phenomenal :).
There's a huge demand of teachers like you 😊
Brooooo. This is a BANGER video. No bs. Just straight to the heart. I love it. Subbed.
flex-direction : column ;
changes the axis
is the best point
I must say, it was awesome! I spent only 8 minutes and 15 seconds, and gained pure knowledge and a great learning experience. Hats off to you! Please keep making awesome video tuts like this one, as they really help us learn with quality. THANK YOU FOR MAKING LEARNING SO EASY!
I would love to see something like this for grid. So much content very well explained in very little time. Awesome content!
I have one for grid :p
@@slayingthedragon is it out yet? If yes we need the link and thanks that explanation is gold!
@@HocineKamikaz th-cam.com/video/EiNiSFIPIQE/w-d-xo.html 😊
@@slayingthedragonmy duuuude...!! Thankssss a million time❤️
Damn bro, I've watched alot of flex css tuts and they were even long af, this is the only video that gave me enlightenment and how to really use it.
Thanks man!
Thank you bro, your teaching is so easy to understand.
once the video is posted by "slaying the dragom" you know that you are going to understand everything quickly... thanks for everything that you teach us... i hope you will never stop teaching cause you are a very good teacher.... much love.....
What if you put flex-grow: 0.9; or 0.8; ? So the 1 or the 0.9 just basically equates to a percentage where 1 means 100% of the space left and 0.9 means 90% etc.?
Btw your explanation is really straight to the point and it makes it even easier to comprehend with the added graphics
Yes that's exactly how that works, 0.9 or any other number here is a unitless value that represents a fractional value of the remaining space available. I see now though that perhaps I could have explained that part better. I'll pin this comment so that others can see. Thank you ☺!
@@slayingthedragon Thank you mate. Looking forward to you future tutorials
you didn't do the gap: idk if it was out yet or not, but using gap: 5%; or whatever num you wanna use is pretty nice
@@fizzinsoda I did, 4:09 😋
Thanks for this great explanation!
Please make such concise videos for:
1- Bootstrap
2- Tailwind
3- React
4-MongoDB
I skipped from floating content to .JS and other related front-end solutions.... Just hopping back into flexbox and this content is solid gold. Well done man
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! 😁
Thank you so much
Well explained, to the point, no fluff... First tutorial I watch of this channel and I"m already impressed. Good job man!
The Odin Project --> Slaying The Dragon --👇
Wow, this is by far the best video on learning Flexbox. Amazing video, bro 👍
Bro can you make CSS web development course and put it in TH-cam 🙏👌
I might do that yes 🙂
I went on 5 hours of research to understand flexbox, I didn't understand much and I just watched your video and that's it I understood! Thank you, it's clear and easy, no complicated terms and the explanation of the axis change a lot of thing!
This video helped me so much for my web design class! You’re a lifesaver! Keep up the good work😊
thankyou so much man , your explanations are just amazing, watched your grid and flex box videos and understood both the concepts very clearly, subbed forever
This is the best flexbox tutorial ever. You just saved me. Keep up champ you deserve great
The ultimate impatient coder speedrun for flexbox tuts. love it!
Absolutely amazing - calmly and logically explained, as well as visually presented. I should have watched all your videos earlier. That would have saved me a lot of headaches and few night shifts! Please keep it up!
I've been struggling with flexbox until now. Your video certainly does what you set out to do....help us UNDERSTAND. Thanks so much!
I was introduced to flexbox yesterday and I just could not get my head around it and was pulling my hair out. This video was so clear and has really helped me understand, so thank you very much!
Awesome video! Searching for a short tutorial on CSS Flexbox and this is the best I've seen so far.
Thank you very much!! Glad I found your channel and I feel like this channel is gonna blow up, the quality is great 🙌
bro, simple and to the point. great video, thank you
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!
honestly thank you so much for this! this was so helpful and i love the way you explain things simply yet effectively. i can't believe you've offered this for free!!
Every now and then I come back to this masterpiece.
still the best explanation ever
Liked and subscribed! Thanks for the video, big hugs from Brazil
Best video on flexbox I've ever seen. Helped me out before an exam
everytime I think I know everything about css I see your video and learn something new
Much love ❤️❤️
I'm doing the Mimo course and certain parts of this didn't really land, particularly the align-items vs align content but this video seriously helped to fill in the gaps. Super concise and now I feel have a much better grasp of flexbox. Thank you!
This is such a great explanation without overcomplicating anything. I feel like I finally understand flexbox a little more :D Thank you for your video!!
accidentally clicked subscribe button and now i don't want to unsubscribe,,,,, this guy deserves it 💓💓
I like how you explain things and then review those items from time to time. Nice work and thank you for sharing!!
The best flexbox tutorial 🔥🔥🔥
Thank you so muchhhh
Despite being brief and quick, his tutorials are pretty detailed and cover anything you need to know. This is what a developer needs. keep it up 👍
This was everything I needed to know... Thank you so much 👍
You're a god sent. Truly. Straight to the point, clearly and well spoken, easy to understand. Thank you so much my friend. Would subscribe twice if I could
The best tutorial of flexbox on youtube.
Thank you for such a clear, straightforward review that is considerate of the viewer's time. Plus, the *Codepen* link is extremely helpful -- *excellent video!*
Brother, this is the best tutorial I have ever seen. So simple and straight to the point. Thank you very much, you helped me A LOT!
Thank you so much ! I couldn't understand how the positioning of flexbox works but now thanks to you, I finally understand ! Keep doing this amazing work ! Have a wonderful and beautiful day !
this was one the best dev tutorials i've ever seen. As a brazilian, i prefer to watch portuguese videos, but this one helped me a lot to understand, much more than the brazilian videos, even with a different language
Bro Please create a full HTML and CSS video. The way u explain from start to end is just so good.