22:45 it changed my life forever. "margin: auto" 😍
@aminabdelgadir1171
2 жыл бұрын
I'm really speechless! you can't be more simple, direct and accurate to explain a topic more than this. you are a gifted teacher. Hats off!
@leanprogrammer
8 жыл бұрын
easily best flexbox tutorial on the web, keep it up!!
@LearnWebCode
8 жыл бұрын
Thanks!
@serenity2656
7 жыл бұрын
+LearnWebCode You literally saved my life + countless hours of time. God bless you!
@haiz1985
5 жыл бұрын
couln't agree more with this, super easy to understand for someone like me who doesn't know how to code *applause*
@alexlaurin2404
6 жыл бұрын
Thank you, i've been studying HTML and CSS and Flexboxes have been confusing me for the longest time and your video helped me clear things up. You're a life saver!
@Lawa9919
7 жыл бұрын
I cried a bit after "margin: auto;"
@LearnWebCode
7 жыл бұрын
LOL
@m41kdevelops41
7 жыл бұрын
I know that feeling bro... years of life were wasted.
@SirSidi
7 жыл бұрын
it s not only me then.
@laurenthoxhaj7387
7 жыл бұрын
I cry every time I use it!
@sonnguyen3874
7 жыл бұрын
me too! bro....
@BobMazzo
4 жыл бұрын
3.5 years later and it still seems quite relevant. Great lesson indeed - thank you !
@scottvincentyoung6965
3 жыл бұрын
This is a really great tutorial. Simple, clear, no mistakes or pauses or wasted time, well set up. All tutorial vids should be just like this. Thanks.
@88spaces
3 жыл бұрын
I worked on a flex project for hours trying to figure out how to align material cards. This video saved me hours more. Thanks a great deal.
@Kyuute_Kyuubi
2 жыл бұрын
0:32 display flex/flex 1 2:57 three column layout (order) 9:09 (margins flex basis) 15:52 mobile/responsiveness 18:08 multiple rows of items (flex wrap) 20:34 simple centering (margin auto) 23:09 columns and rows (flex within flex & flex directon)
@johnnweke5547
5 жыл бұрын
Currently attending a Web Dev Bootcamp. This vid explained a lot! You and Brad Traversy are awesome. Thank You.
@psale1
4 жыл бұрын
Which Web Dev Bootcamp did you attend?
@alskywell
5 жыл бұрын
Honestly, the best tutorial on flexbox I've seen, so far. You have a talent for teaching. Thank you!!!
@aarthiv6574
3 жыл бұрын
Watching this channel videos in 2021 ,I wish I could found this 2 years before. His way of teaching is so simplest and much clearly understandable for all members. I do not understand why this man has not yet received a million subscribers
@jelodev-j1f
7 жыл бұрын
That centering text horizontally and vertically literally blew me up. Thanks a lot!
@jonnygovish1689
6 жыл бұрын
Me too.....
@Chriss123HD
6 жыл бұрын
Honestly right! Blew my mind
@BillyLoweBeauty
3 жыл бұрын
You changed my life in 28 minutes well worth the patience
@nelsonomoro8591
7 жыл бұрын
this is the best tutorial video that i have watched in the whole of 2016!! Great explanation and humor too,...
@Seiyefa_D_King
5 ай бұрын
10yrs later it still is 😢😢. Hopefully your still active to see my comment bringing you back here
@nikeylashaw6890
4 жыл бұрын
I have been building websites for 27 years. Flexbox is the first css that really makes sense. Thank for your great tutorial. I can't wait to start rebuilding all of my websites using this code.
@eklavyasharma
4 жыл бұрын
This is the best video I have seen on Flexbox. Some of them are only explaining without any examples and others' screen size is too small. Can't read the code at all. Yours was perfect. Great combination of Explaining with Examples. Thank you.
@kevsermuslu8594
4 жыл бұрын
Best flex-box video I’ve seen so far!! Love how structured it is! Thank you for sharing:)
@LearnWebCode
4 жыл бұрын
There are a lot of flexbox videos out there; so thanks!!
@psphotos
5 жыл бұрын
Being a mobile app developer, I can say this is the bestest video which made my interest to learn HTML. I used to do a little bit of HTML in my earlier times of Phonegap/Cordova... but this video is like a PRO level tutorial for anyone.
@isabelphillips451
6 жыл бұрын
I'm just 7 minutes into this video and I'm already enjoying this.... I love the way you said "Hmm, I'm the the only child" ... So funny, let me continue the video
@navidansari3142
6 жыл бұрын
Most clear and creative tutorial on flexbox, and also felt your joy when you vertically center aligned the content..
@ksk235
5 жыл бұрын
It's a great video. Really appreciate it. Just a small suggestion. In 22:44 you won't actually need to use margin auto; to vertically center the text. There is a better flex boxy way of doing it. Just add justify-content: center and align-items: center in the .banner{} block. The text will be centered both horizontally and vertically
@MuhammadTalha-lg4jg
5 жыл бұрын
He probably wanted to make the code shorter, but yours is helpful too, thanx.
@nathancornwell1455
5 жыл бұрын
ive watched at least 10 videos on flexbox and this one is by far the best.
@lars-sorensen
8 жыл бұрын
Best explanation yet on this topic
@anversadutt
5 жыл бұрын
For example #3 adding flex: 1 1 350px for the boxes will adjust the flex-basis to start at 350px and it will take up all the remaining space on big screens, if it comes to small screen it will adjust itself without adding any media queries. Thx. Your videos are gr8, keep 'em coming. :)
@himatjutla6993
7 жыл бұрын
i love you! Thanks, never using floats again :)
@kelplushfr
2 жыл бұрын
I had no idea how to work with flexbox. When i watched tutorials but for real after watching this video I am surprised how amazing flexbox is and the guy teached. Just knew about your channel and subscribed
@mg-ln9sw
5 жыл бұрын
I can't believe I've waited this long to learn about flex box.
@svendbentjensen5512
4 жыл бұрын
Maybe you are not cut out to be a developEEEEEEEEEEER? Because then you need to stay on top of THIIIIIINGS. Flexbox has been around for half a decade, what are you even talking abOOUUUUUUUUUUT?
@godfathermikal
4 жыл бұрын
@@svendbentjensen5512 Wow. Do you let your professional ignorance hang out this much all the time? If you expect every developer to stay up to speed on everything all the time then you are an absolute idiot. I've been doing back end and cloud development for so long that I've not touched a UI in years. So maybe you should learn a little bit about what being a developer even is in 2020.
@pankam7800
4 жыл бұрын
I have stopped the video in 6.45 ..just to give a thumbsUp (already a subscriber) ..and continue..!! YOU are the best teacher-explainer in KZitem..!! FANTASTIC TUTORIAL again.!! Thanks for taking the time to make videos for us ..I know that it takes a lot of time and effort
@overunityinventor
7 жыл бұрын
wish I could find you earlier! i would have saved lot of css work frustrations!
@hugochavez6170
5 жыл бұрын
As a backend developer I admired CSS for its many possibilities and options. But at the same time I never understood, why the alignments, centering and positioning were *ucking complex and hated CSS. After this video I think the backend developers are much more happier about the flex box than the frontend developers. :) Being a Turk, born and grew up in Turkey, living in Germany for more than 14 years and not using English in my everyday life, I was able to understand all parts of your tutorial. Very clear and simple language, very precise explanation with very short and smart reasoning. With just one word: PERFECT!
@BloodyClash
5 жыл бұрын
OMG...SO extreeemely perfectly and easy explained. Thank you so much :) From now on : FLOAT my ass :D
@rajeshbasnet501
4 жыл бұрын
Our college taught us float that pained my ass in maintaining media query. As I learned flexbox it was like chocolates in hand. Now i use flexbox everywhere literally.
@RussDnB
4 жыл бұрын
Dude. I pained over horizontal and vertical entering for about 3 hours this morning. Then I found your video. Right now, I can totally get behind the excitement of margin: auto; I need refactor some of my code, and setting the height of a 'box' to match the browser height (minus any header and footer) is another story, but this should be a massive help alone. As well as the rest of what you have taught me. Thank you sir.
@MuhammadTalha-lg4jg
5 жыл бұрын
How can someone be this good at explaining things?😅😅😅
@SoulStitch1111
2 жыл бұрын
I agree with Miodrag Veljovic. Definitely one of the most clear and understandable vids on coding. Wonderful.
@syedusmanahmed
7 жыл бұрын
With every example, I want to like this video. But I can only like it once. KZitem should be as flexible as flexbox.
@CleverCheats
5 жыл бұрын
I agree, KZitem is outdated...
@bhushangawali81
5 жыл бұрын
Relatable man. Revisited this vid after months and wanted to like it again 😆
@张风-o6r
4 жыл бұрын
agree!
@svendbentjensen5512
4 жыл бұрын
You want to like the videOOOOOOO? More than OOOOOOOONCE? Hahaha, that is such a funny notiOOOOOOOOON. Do you really like when people speak like THIIIIIIIIIIIIISSS?
@svendbentjensen5512
4 жыл бұрын
Man I really hate this guy's intonation. Blah blah blah blah BLAAAAAH. Blah blah blah blah BLAAAAAH. Then you use flex SHRIIIINK. Mih mih mih mih MIIIIIIH. It can just remains it's natural auto SAAAAAAAIIJSE. It's as if he thinks everything is somehow more clear when he talks like that. There's also a level of arrogance to it. Every third sentence is said with the subtone "see how easy this is? I am such a brilliant teacher, I just need to mention something exist, then everyone will learn what it meeeeeeeeans" I'm pretty sure it's the same guy who's behind the Udemy course "Git a web developer job", which was outdated and thus broken(april 2020), which didn't teach things but just mentioned them (in spite of the instructor from the beginning stating he would never just exactly that), and it had the same problem as this video: After a while you just want to make a drinking game. Drink every time he intonates like THIIIIIIIIIIS. You should probably not play this drinking game with strong alcohol, you WILL die. Must funny part about that course is that it claimed you could go from knowing basic html and css to being hireable developer in just a 15 hour course. Lololololol. It's a downright scam. There is just no way you go from having basic no JS knowledge to suddenly know enough about node.js, NPM and Webpack to be hireable. It's actually a really good example. He teaches students with no JS knowledge, and then he says "And then you just set up an array and use a JS selecTOOOOOOOOOOOR" and everyone is like "huh?" Edit: Just realized that it says in the description that he IS in fact the buy behind that atrocious Udemy course. It's pretty saying that you can recognize that from his voice and intonation ALOOOOOONE. If you are a little more advanced, then maybe buy the course (for 9.99, not $199, are you insane!), but make sure to work through it within the 30 day refund-period. Around section 7 the first problems arises, around section 16 you really start realizing the issues. If you can and will troubleshoot a lot, then the course may actually be ok. But on the other hand, if you have the ability to troubleshoot stuff like node.js and webpack, then you probably don't need the course. Anyway, I digress, it you don't want to waste your money, make sure to not buy the course and then let it lay around for 4 weeks, cause chances are that you are going to want a refund.
@L0kacitron
3 жыл бұрын
Mindblown and at the same time a bit frightened by the extent of things I have to learn as a newcomer of web design and coding. This made that process easier. Thank you so much for this very instructive and informative video!
@sahilsinghhtc
7 жыл бұрын
Best flexbox tutorial...
@OnlineTutorialsYT
7 жыл бұрын
great!!!!
@supercriz
Жыл бұрын
Great explanations! I am just beginning my journey to become a web developer and I've learned about flexbox the last two days. The way you laid out your explanations gives a clear understanding of the content. Thanks.
@shazzamconsta7325
4 жыл бұрын
I so share your joy with 'margin:auto;' haha.. Thanx a zillion, life changing tutorial!
@gerryattrik4410
8 жыл бұрын
Came for the cat. Stayed for the tut.
@LearnWebCode
8 жыл бұрын
LOL
@Abh19021
7 жыл бұрын
That Rhymed bad.
@hungnguyenphan5101
5 жыл бұрын
How rude! Lol cannot love more its reaction
@robertoinnocenzi3626
6 жыл бұрын
No words, simply the best explanation ever listened to so far
@123gregery
5 жыл бұрын
Man, that was good. Simple everyday examples. Not only this, but in the process you are teaching basic css, too.
@Pixie2678
3 жыл бұрын
This is the best video about flexbox in the entire KZitem. You are the best teacher.
@Vishalkumar-vj7hx
3 жыл бұрын
this is the best explanation of flexbox . I have seen many videos on LinkedIn learning , coursera and youtube but you nailed it . awesome . god bless you bro!
@AKagNA
4 жыл бұрын
Me as a person who's been interested in CSS like for last 2 months saved my life. Jesus christ, the struggle i've been with aligning things, making them float, making them inline, jesus christ.. flexbox...
@josephnkoro7779
3 жыл бұрын
Damnnnnnnnnn... The first video that explained flexboxes to me. I love the scenario based examples. Much love.
@ranvirsinghg
8 жыл бұрын
not even single dislike.... you are doing great bro...
@AsifMehedi
7 жыл бұрын
Well, now, one year later, there are 30 dislikes to 4K likes. I wonder why anyone would dislike this video. Perhaps clicked the wrong icon by mistake?
@stillready6405
6 жыл бұрын
Best video/tutorial I found so far on the internet after searching for so long. Thank you!
@judonomi
6 жыл бұрын
You know when you're looking for juuuuust the right video to help you out of a pinch, and you find the perfect one? That just happened when I found this. Thanks!
@smmosfequrrahaman3768
6 жыл бұрын
You are the guru , you are the person whom can be called "Boss" , great tutorial ...
@CaptWindShear
3 жыл бұрын
By a long shot, the best flexbox tutorial I have seen yet. Great stuff, well instructed.
@abdulnafay72
3 жыл бұрын
Even though i know all these i still watch the whole video. Your teaching skills are great.
@birdbrainsolutions6112
4 жыл бұрын
4 years later, you made a stranger very happy with margin:auto; lol Great video, thank you so much for creating it!
@edb.5457
4 жыл бұрын
The best explanation, I've come across of Flex Box.
@pauliliatto8200
5 жыл бұрын
I can´t like enought this video.I´ve hit the like button like 8 times, best css explanation teacher I´ve come across in KZitem. Keep it up bro!
@downieabz
4 жыл бұрын
Thank you, thank you, thank you. I've gone through so many hoops to achieve almost everything in the video in a messy and complicated way - Flexbox makes it so easy to do the things I want to do and your video is clear, simple and logically organised. Goodbye floats!
@CyJobes
6 жыл бұрын
One of the better tutorials on flex. Total noob here. Enjoyed it!
@jonassouza3020
6 жыл бұрын
Honestly flexbox is life. I just can't imagine how i could work without it for so much time
@Ms37maracaibo
5 жыл бұрын
Brad you are awesome! Your teaching style is real art. I enjoy every second of your videos, and they leave me with a sense of happiness, calmness... Thank you so much!
@WPAcademyPK
6 жыл бұрын
Easiest and Greatest tutorial about flex on Web. Thank you.
@woody5012
5 жыл бұрын
This is the BEST video out there for explaining flexbox. Amazing... 10/10.
@Mountain_Drew
6 жыл бұрын
19:25 "Uh uh. I'm not budging." I love how he personified flexbox xD Great video, very helpful.
@mikehermsen2699
3 жыл бұрын
Superlatives fail me to say how good I think this tool and explanation is! Many Thanx!!!
@vangendbotha528
3 жыл бұрын
One of the best videos explaining flexbox
@charityolubunmiadekoya9432
5 жыл бұрын
I dont know why you are not getting 5million subscribers, I wish I can give you a million likes. Thanks for this.
@nelusan
4 жыл бұрын
Thanks for this! Simple and clear and it did not get old after 3 years.
@DuyenPhanLan
3 жыл бұрын
Through this vid I understand more about the use of flex wrap and flex 1 also flex basis. Thanks a lot! Very informative and useful video!
@joshuahawkins4312
4 жыл бұрын
I've learned flexbox from multiple sources and I thought all those lessons were great. This is so much better and clear though, gonna save me so much trouble 😂
@adityachitale
6 жыл бұрын
You explained flex very well & examples are something sensible at all. I liked the way that how you teach css flex. Thanks
@r.jasonanderson1432
4 жыл бұрын
I am certain you've heard this a lot....THANK YOU - THANK YOU - THANK YOU!!! Was beating the hell out of some issues with float and CSS,...this solved all of them. I am stupified! Sincerely, THANK YOU!
@shahnawaz882
6 жыл бұрын
Very comprehensive tutorial on Flexbox.
@roybarretto9552
Жыл бұрын
This is an excellent flexbox tutorial. Thanks. I prefer align-items: center; Justify-content: center; to center an item..
@AjayVerma128
4 жыл бұрын
This clears a whole lot of doubt. Thanks for the each example and detailed explanation..
@innodjetinnodjet3121
5 жыл бұрын
hands down best tutorial ever on css...God job.
@stevenwong2175
2 жыл бұрын
Up to this point only I know that I can manipulate layout columns this easily with just flexbox ...holy shit this video is a god damn piece of art! 😍😍
@DIEZ919191
5 жыл бұрын
OMG, you are the best teacher EVER!!!! Please upload this video ten times because I want to LIKE this video ten times at least!!!! THANKS!!!!
@romelcasillas2286
4 жыл бұрын
This video is extremely helpful. May need to watch it a couple more times, but definitely answered all of my questions about page layouts!
@threoples
4 жыл бұрын
Your diction is masterful, and your examples are clear and not trivial. great video!
@peteragada699
2 жыл бұрын
Wow! Brad, with such clarity! THANK YOU, SIR.
@adarshnahar
6 жыл бұрын
This is the best flexbox tutorial i have seen. Thank you so much
@MrAquirier
4 жыл бұрын
Flexbox model is awesome, I found the 1st example very useful for me, saved several code strings:), thanks! It seems, flexbox model was brainstormed very good while developing the specifications: all previous experience and pain with IE was considered. The default behaviour of everything in flexbox is cool and nice balanced. Excellent stuff!
@AdrianaRodriguez-vo5fh
6 жыл бұрын
GREAT TUTORIAL!! I Literally just created a good 5 lessons out of your first 10 minutes to teach in my classroom! Thank you!!!
@anaf4072
5 жыл бұрын
Found this awesome video thru another Udemy course Make a KZitem Clone from Scratch: JavaScript PHP and MySQL . I was so impressed with your teaching style that I went ahead and bought 2 of your courses there. I just wish I saw these courses 2 years ago.
@allieyi
5 жыл бұрын
Brilliant! Thank you. I've been using floats throughout my entire web dev class until now.
@randith87
5 жыл бұрын
One of the best CSS Flexbox tutorials out there! Great job man!
@yonasmilo
6 жыл бұрын
It can't be this easy. You're simply amazing!
@cswalker21
4 жыл бұрын
Wow. CSS has really come a long way since it traumatized me in the early 2000s! I don't think I even need bootstrap anymore, LOL. Thanks for super clear explanation.
@nirajankhadka2661
4 жыл бұрын
One of the best tutorial on flexbox.
@infochannel625
5 жыл бұрын
Aahh, finally some real life example, where have you been man❤️
@bienvenubadiat942
6 жыл бұрын
Best tutorial ever Just finished on Friday flexbox lesson at school and was confused but I watched your tutorial man all it’s transparent.... thanks Do you have tutorial about masking and clipping only using css and HTML?
@uiy3655
5 жыл бұрын
You are awesome in explaining, simple and get into the core of understanding. Thank you so much, you've added a lot to my flexbox recognizance.
@manimirzaaa
5 жыл бұрын
@LearnWebCode Amazing Job, I remember the pain we use to have back in the days when we created layouts using floats. Keep it up.
@SouthernSophia
4 жыл бұрын
A total beginner here - your video really helped me, thanks :-)
@yt_gr
4 жыл бұрын
Finally I can say I understood flex box, can't thank you enough bro.
@joegreen6209
4 жыл бұрын
Really good job going over these layout examples! Appreciate it!
@Reiky02
2 жыл бұрын
Thanks a lot. I ve watched multiple video flexbox tutorial . You are the only person when i watch it, i undersand it and all your explication. Like and follow.
@illusionist87
5 жыл бұрын
One of the best explained video of flexbox. Kudos!👍
@dianaeftaiha
3 жыл бұрын
Very clear and easy to follow. Thank you for making this available to us. I made sure to let the annoying ads run as a thank you :)
@dannyjameschrist
4 жыл бұрын
Amazing video!!!!!! You saved me on my first big school project with that last example!!!!
Пікірлер: 1,6 М.