This tutorial explains the differences between the min-width, max-width, width, min-height, max-height, and height properties in CSS. Code GIST: gist.github.co...
Are you kidding me??? Just 2 minutes into the video and I understand why I've been struggling to eliminate unnecessary horizontal scroll bars. It took me almost a whole day searching for how to solve it and you just did it in the first two minutes. Thanks, man. Subscription is done!! What else can I do for you??
Great Explanation! Really helped! Your voice is super clear too. I'm sure no one got confused about these things after watching this masterclass of an explanation.
I saw from MDN, "max-width overrides width, but min-width overrides max-width. " But I saw this statement is always not true. I checked, when both min-width and max-width are mentioned, When max-width value is less than width value, then only max-width overrides width. When max-width value is less than min-width value, then only min-width overrides max-width. So, I am confused.
I have never used both max and min in the same style. I will use a width plus a max-width OR a width plus a min-width. In the rare cases where you want provide all three - a default, a max value, and a min value - then use the CSS clamp( ) method. ruclips.net/video/I0VU2Z_Y2KE/видео.html ruclips.net/video/6QwMvf1Jq0M/видео.html
@@SteveGriffith-Prof3ssorSt3v3 Thanks for response, the biggest use cases I know is max-width for elements you don't want to be to big, and min-height when you dont want your footer in the middle of the screen but at the bottom. Cheers
Waw, why didnt i learn this long ago.... im a nextjs dev currently building a chat system and this has answered all my questions. Thank u😊 Is it ok to always use max-width? Im thinking of doing that now
min and max width create bounds for your width. You can use them throughout your page for whatever you want. I use max-width on images and other media elements all the time. See here for more - ruclips.net/video/6QwMvf1Jq0M/видео.html
Are you kidding me??? Just 2 minutes into the video and I understand why I've been struggling to eliminate unnecessary horizontal scroll bars. It took me almost a whole day searching for how to solve it and you just did it in the first two minutes. Thanks, man. Subscription is done!! What else can I do for you??
Please share my videos to help others. :) Thanks.
@@SteveGriffith-Prof3ssorSt3v3 truly sir you helped me alot. I too will share
*Now, I got it after 2 years of working without knowing it properly.*
Glad I could help
ok phew im not the only one, this shit is suoer hard to grasp ive been coding a full years lMFAO
Great Explanation!
Really helped!
Your voice is super clear too. I'm sure no one got confused about these things after watching this masterclass of an explanation.
got it after 6 months of working without knowing it properly.Sir you're a Wizard!!
Clear explanation,
and got my doubts regarding widths cleared with a simple 5 min video 🎉
Hey there. Brilliant video, and easy, clear explanation.
THANK YOU!
Thank you. you explained it better than any other youtube channel
The best video explanation that I've ever seen, thanks a lot!
Thank you so much brother for such an excellent explanations!
This tut made clear my doubts on max and min-width properties, good explanation.
Came back for a refresher!😁
Thank you very much for this tutorial! I finally understood why my divs does not scale down in screen size.
Just great ,beautiful explanation
Thank you, mate! Finally got how it works:)!
Looking forward for more tutorials!
Thank youu this solved so much of my problems
First time i understood max width thank you :)
Thanx for the detailed video
Great stuff. Now few things in my projects makes a lot more sense :)
explain is clearly and easy to understand, thank you very much
thanks brother . Much appreciated
Thanks a lot for this video.
thank you very much you have a new subscriber
Great video Steve, straight to the point. Like!
nice man u explained it in the best possible way. just subscribed also.god bless u
So what's the most common use for those?
Media queries to define ranges where you want to change various css properties
Finally i got it, thanks good sir
Thank you so much for this awesome tutorial
I saw from MDN, "max-width overrides width, but min-width overrides max-width. "
But I saw this statement is always not true. I checked, when both min-width and max-width are mentioned,
When max-width value is less than width value, then only max-width overrides width.
When max-width value is less than min-width value, then only min-width overrides max-width.
So, I am confused.
I have never used both max and min in the same style. I will use a width plus a max-width OR a width plus a min-width.
In the rare cases where you want provide all three - a default, a max value, and a min value - then use the CSS clamp( ) method. ruclips.net/video/I0VU2Z_Y2KE/видео.html
ruclips.net/video/6QwMvf1Jq0M/видео.html
nice way of teaching sir!
Thank you very much
thank you sir,
this was very helpful.
Thanks a lot!
Thank you💚
Absolutely amazing! Thanks!
Amazing tutorial!
Thank you for this wonderful tutorial
thank you so much Sir.. concept cleared..
No info about what is a most often use case, block elements adjust width automatically
There is no most often use case.
Yes, block elements adjust width automatically, these properties allow you to limit that process.
@@SteveGriffith-Prof3ssorSt3v3 Thanks for response, the biggest use cases I know is max-width for elements you don't want to be to big, and min-height when you dont want your footer in the middle of the screen but at the bottom. Cheers
Waw, why didnt i learn this long ago.... im a nextjs dev currently building a chat system and this has answered all my questions. Thank u😊
Is it ok to always use max-width? Im thinking of doing that now
There are times you don't need it. It's a very useful property though.
Flex-basis and max-width is same right?
Not really. Max width is a limitation. Flex basis is a starting point, a default value.
lol after like a year i finally understand max-min. this video is perfectly explained.
Great explanation!
you are the bob ross of web development!
Thank you very much!
Great Videos!
Thanks a lot man!
can you give real use case example
min and max width create bounds for your width. You can use them throughout your page for whatever you want. I use max-width on images and other media elements all the time.
See here for more - ruclips.net/video/6QwMvf1Jq0M/видео.html
thank you so much :)
got it! thanks :)
my man has literally all the browsers, wtf lol
CONCISE!
thankz Brow
Great tuto (Y)
Thank youu!
thank you)
check☑
20200 year covid-19
Blurry screen
Just SD resolution because the video was recorded years ago.
@@SteveGriffith-Prof3ssorSt3v3 Not sure I know what SD means.
@@renejacques8288 standard definition, as opposed to HD or UHD or 4k
Thank you very much