damn bruv, I already was gone with css until I found out flex. Back to life again. Those soviet methods of margin gaps and etc is so wack and pathetic to be honest.
I've been doing CSS since the late 90s, and it has changed so much from what I learned. At some point I moved to primarily working in the backend and I stopped keeping up. Then I came back to do some frontend stuff and there was all this new flex-box stuff and it was so damned confusing to me. I learned more in this short video than I could figure out with my own research and experimentation over the last several years. Well done, and thank you. I am definitely a subscriber, after this.
The amount of thought devoted to writing this content, devising the demonstrations and synchronizing the narrative with the changes in the demo is awe inspiring. The topic itself is still difficult to learn cuz the designers of CSS didn't seem to step back and contemplate consistency in property names but given that hurdle, this is the best way to teach these techniques.
This is value packed ❤❤ To all new programmers a reminder that you are doing your best. Don't give up now. A little more push could bring the break you so desperately need. I am rooting for you ❤❤
For layouts, I prefer grid to flexbox. Grid has some advantages as it takes care of their child items (columns). Flexbox has it strength when aligning items in a row or column structure. UL lists or like in a header to give space between logo and navigation. If the number of items is unknown, and you define a structure with grid, it will take care of the child items. Anyway, good explained flexbox video. Thanks!
Yes, it's important to remember that "align-items" and "justify-content" work on the two different axes. But... there's nothing implicit in the naming of these two properties to associate them with the corresponding axis on which they operate. So, when I'm writing new CSS to arrange content in a flexbox, I'm always guessing at which property I need. Why, for example, didn't the CSS consortium name the properties "align-items-main" and "align-items-cross" to make remembering them easier?
Thank you so much for this fantastic presentation on Flexbox! I struggled to understand how it works before, but your clear explanations and examples made everything so much easier to grasp. I really appreciate the effort you put into this. Keep up the great work!
Excellent content. Less music would be great though, as some words got muffled by the loud points in the music. No matter as CC helped there. Thank you!
This makes flexbox a lot more bareable from learning it from scratch also I didn't know you could put css inside html I'm gonna do that an confuse my teacher from now on
Great explanation! Will it work if make image gallery with different size of images ? I have images in foreach loop C#. It would be great a tutorial with responsive images.
I can perfectly align the content just with "Justify-content:center" and "Align-content:center". In this case I can't understand what is the purpose of adding "align-items:center"
very irritative background music , please avoid this by the way content is very very very useful , understandable , I like yours teaching style 😍😍🥰🥰😊😊 keep uploading such kind of vidoes Thanks a lot
Hi! It might be a strange question but what is the full code line in the 5th line? (I'm pretty new and i learn by these type of videos just by copying the code used then dissecting and exploring it. And I heven't seen that type of line anywhere yet)
He did it, he finally answered the biggest question in programming, “How to center a div”
:D:D:D same here!
I'm new to the "div lore" ,is it really that hard to learn how to centre a div or just a meme lol
@@Edgyyyyyy literally never heard this in my life but designers are a different breed
@@Edgyyyyyy I think it was a common question in beginners that got memed or something like that
damn bruv, I already was gone with css until I found out flex. Back to life again. Those soviet methods of margin gaps and etc is so wack and pathetic to be honest.
I've been doing CSS since the late 90s, and it has changed so much from what I learned. At some point I moved to primarily working in the backend and I stopped keeping up. Then I came back to do some frontend stuff and there was all this new flex-box stuff and it was so damned confusing to me. I learned more in this short video than I could figure out with my own research and experimentation over the last several years. Well done, and thank you. I am definitely a subscriber, after this.
The amount of thought devoted to writing this content, devising the demonstrations and synchronizing the narrative with the changes in the demo is awe inspiring. The topic itself is still difficult to learn cuz the designers of CSS didn't seem to step back and contemplate consistency in property names but given that hurdle, this is the best way to teach these techniques.
This is value packed ❤❤
To all new programmers a reminder that you are doing your best. Don't give up now. A little more push could bring the break you so desperately need.
I am rooting for you ❤❤
This is the words I need right now. Thanks
@@Odunayobankole i also need those
:)
For layouts, I prefer grid to flexbox. Grid has some advantages as it takes care of their child items (columns). Flexbox has it strength when aligning items in a row or column structure. UL lists or like in a header to give space between logo and navigation. If the number of items is unknown, and you define a structure with grid, it will take care of the child items. Anyway, good explained flexbox video. Thanks!
At last.......a tutorial that is structured to actually help someone learn CSS! 👏
Yes, it's important to remember that "align-items" and "justify-content" work on the two different axes. But... there's nothing implicit in the naming of these two properties to associate them with the corresponding axis on which they operate. So, when I'm writing new CSS to arrange content in a flexbox, I'm always guessing at which property I need. Why, for example, didn't the CSS consortium name the properties "align-items-main" and "align-items-cross" to make remembering them easier?
Hi. Great video. I just wanted to point out that @9:34 the default value for the align-content property is actually 'normal', not 'space-around'.
Just great! great taching style and visuals, great narration and to the point talking!
Your teaching is very helpful for begginer like me. Thank you so much...
Teaching method is wonderfull with editing and animation thanks Bro that's great coding channel we want more....
many thanks Fabian, the best way to explain the CCS.
You really cooked man seriously you made the concept so easy to understand truly appreciate it !!
Thanks so much bro love you , you solved my misconception btn align-items and justify-content.
Big up bro👊
Finally I removed my all confusions about Flexbox, thanks🥰
You already nailed it with the first frames of the video 😁
This is the first video I watched about CSS Flexbox, and was accurate. Thank you!
The way you teach is amazing!
I am glad that you are uploading awesome contents now a days... Thank you ❤
Thank you so much for this fantastic presentation on Flexbox! I struggled to understand how it works before, but your clear explanations and examples made everything so much easier to grasp. I really appreciate the effort you put into this. Keep up the great work!
very helpful video, whenever i am stuck somewhere while making a layout I visit this video and my doubts are resolved
flexbox is for simplicity and superiority, but legends do grids
Can you do a header using grids?
You did it the best way bro. The easiest and the best way so far.
its really useful thank you so much...and the way you explained....😍very nice.
Believe me this is absolute 💎.
I don't know who are you but In my heart there is a very big bunch of love for you ❤❤
Best flex box course i havve seen so far thanks for the nice work :)
Thank you so much fo giving us a such a helpful video. I really appreciate the video.
one of the best video on flexbox
One of the best conteud that i ever seen about flex-box!
Dang now it is just like Flutter Column and Row widgets. I couldn't figure it out in React and now I get it. Cheers!
I really appreciate for this crash course. It was so beneficial for me. Thanks a lot.
Great video 👌. Everything is explained about CSS flexbox
bro, iam from india your teaching is very nice. your explanation is also very proud.tnx bro.
Your teaching was excellent 🤩🤩🤩🤩🤩🤩❣❣❣❣
Perfectly balanced as all things should be 🔥
Really clear and succinct explanation!
You're a genius! thanks!
Really enjoying your vids lately. Very helpful and enjoyable.
Thankyou so much ❤❤❤.So many doubts cleared
Cool
The way of your teaching in awesome ❤❤❤
i learn alot from this channel, keep going ❤
Muito bem explicado, simples e fácil de entender, obrigado pelos vídeos e parabéns pelo canal, irei assistir outros dos seus vídeos.
One of the best tutorial ever!
great explanation! ❤
You made flex-box easy to understand with the summary and everything, thank you so much!
When will you be releasing the grid video?
Excellent content. Less music would be great though, as some words got muffled by the loud points in the music. No matter as CC helped there. Thank you!
This makes flexbox a lot more bareable from learning it from scratch also I didn't know you could put css inside html I'm gonna do that an confuse my teacher from now on
Thank you for the flexbox lessons!
Thank you for your course! 👍
This was so easy to understand!
Thanks you alot nice work and I appreciate it , you make me understand about flex box ,
This was very useful!
This tutorial is the best very detailed
LEGENDARY GUIDE 🔥
is there any easier explanation that this? hell no thanks for the tutor dude youre amazing
Flexbox is so incredibly powerfull, I find that I use flex + gap + padding (in that order) 99% of the time
I learn a lot in just 20 minutes, thank you so much
M feeling headache😂😂
It is a perfect video that's explain a flex box
thank you I hope 🙏 to create a video about grid box❤❤
What’s that extra on line 15 @ 12:15??
Beautifully explained
omg thank you so much, I have a project this month and this is what I was looking for.
Can you please do css grid and css containers next.
This is a very good tutorial.
wow!!!!! thank you
Really great content... thank you for sharing...
Thank you so much! This is great
Great Video❤
Sir plz make a comprehensive tutorial on CSS Grid also, you are so effective for us; plz sir
Thank you so much such a informative video
Man Thank you so much for this🥺
impressive 😁😍
Thank you so much❤
Brother this is the kind of info you charge money for ! But thanks for sharing free 🎉❤
Best flexbox video ever
Great explanation! Will it work if make image gallery with different size of images ? I have images in foreach loop C#. It would be great a tutorial with responsive images.
Thanks.Love from Bangladesh
You are amazing to teach
Please drop a Grid course 🙂
We like your videos don't stop making videos
Your content is very interesting
I can perfectly align the content just with "Justify-content:center" and "Align-content:center". In this case I can't understand what is the purpose of adding "align-items:center"
Make CSS Grid video next please
CSS Grid next please
i love the teaching but i have a question : you have a closing tag div closer to the closing body tag but i cant see the opening tag of that div
you save my life
thank you fabian
please make same on tailwind, i feel so onfused when try to create responsive layouts
very irritative background music , please avoid this
by the way content is very very very useful , understandable , I like yours teaching style 😍😍🥰🥰😊😊
keep uploading such kind of vidoes
Thanks a lot
do you have something like this but using tailwind?
Please add a video on grid, please 🙏🏻 😢
tysm
Thanks...
Superb
Hi!
It might be a strange question but what is the full code line in the 5th line?
(I'm pretty new and i learn by these type of videos just by copying the code used then dissecting and exploring it. And I heven't seen that type of line anywhere yet)
nice
Plz make next video on grid
الفيديو ده هو تجميع لقائمة تشغيل كورس css انا جمعتها في فيديو واحد تسهيلا على الناس مش اكتر
useful:D
sounds good
Quality video ❤❤❤😊
Nice video, Subscribed !