Thank you very much Professor. I had no clue at first how it worked, why it sometimes got big and why it didn't. I do now all thanks to you. Much appreciated!
Mr. Steve, we really can't thank you enough for the the exceptional explanations you provide us. Thanks to you, I have better understanding of min() and max(); really never thought I would understand it. 🖤
Very appreciated, i requested for this. Didn't have a hope that my wish may come true. And to all people who's watching this first watch the video width,max-width,min-width from this channel(Steve u might wanna pin it in the description since it has really close meaning to min max) then min max will be very easy. And again tnx steve i realy used ur width video and gonna study calc and minmax() and min in this video
Anyone else from Odin remember the first videos with Odin comments having 3-5k likes? And here we see 30! If you're here this is a sign, you are in the minority of dedicated people who are putting in the work! PAT YOURSELF ON YOUR BACK!
When using clamp, the middle variable should always include rem or em to make it accessible. Otherwise users who either change the default font size or zoom won’t be able to adjust the font size to their needs. Regardless of zoom level or font size, 4vh never changes.
Hello Steve, just watching along with you and right off the bat would like to understand why you select vh for font-sizing and not vw? Is this standard and could vw be used instead, or is this just a no no? I hope you can get to answer me - thanks
You can use either. When calculating font sizes you just have to take into account the form factor of what your user is using - laptop, tablet, phones. They all have different aspect ratios and you need to account for that in your styles. Media queries can be used to get different aspect ratios. This is meant as a basic example, not a finished production ready stylesheet.
@@SteveGriffith-Prof3ssorSt3v3 Hello Steve, I appreciated the response - thank you! To explain, I came to your channel, looking to find out some more about this method, precisely for the purpose of using it in live projects. I think it's fair to say this is probably the same reason anyone else who visits information channels like yours, although I agree you'd have to be a little bit nuts to implement it right away, after watching just one instructional video. I've also read up about using clamp on the major CSS sites, watched other videos and had never seen Vh used before, which threw me. But it's good to have seen it, so I can evaluate it when I come to test this out in further research. BTW, I also came across a modular typescale using CALC, which is interesting, since it achieves the same end result, without the downside of only 90% browser support. I am just researching it all, before implementing it - I have to assume users will view on the whole spectrum of devices as I have no way of knowing this for sure. Thanks again for the quick response and explanation - Peace!
But this doesn't really explain how it works which leaves gaps in the knowledge of the people trying to understand HOW this works. Welp, time to go look for another video.
i have nothing against kevin powell and webdevsimplified (kyle) - they're both great people for sharing so much knowledge --- but really, your videos are the easiest for me to follow and learn from. thanks again for posting all this css goodness
The Odin Project brought me here. Thanks for your video.
I have a habit of researching about a topic before I start learning, and It happens coincidentally this tutorial is part of the resources 😄
Very well-made video. Thank you. #OdinArmyStayStrong
The odin project brought me here, very well explained sir! keep up the good work
me too how are you doing so far
@@ayoub7558 doing good let's do it together?
Thank you very much Professor. I had no clue at first how it worked, why it sometimes got big and why it didn't. I do now all thanks to you. Much appreciated!
The odin project! Let's keep going!
Mr. Steve, we really can't thank you enough for the the exceptional explanations you provide us. Thanks to you, I have better understanding of min() and max(); really never thought I would understand it. 🖤
Very appreciated, i requested for this. Didn't have a hope that my wish may come true. And to all people who's watching this first watch the video width,max-width,min-width from this channel(Steve u might wanna pin it in the description since it has really close meaning to min max) then min max will be very easy. And again tnx steve i realy used ur width video and gonna study calc and minmax() and min in this video
the best web dev channel on youtube ! thanks!!!!!
Well explained and practically demonstrated. Thanks for sharing your knowledge on this one.
I'm here from the odin project. I'm hoping to make good use of it.
You are powerful Steven.
Anyone else from Odin remember the first videos with Odin comments having 3-5k likes? And here we see 30! If you're here this is a sign, you are in the minority of dedicated people who are putting in the work! PAT YOURSELF ON YOUR BACK!
great job! thank you so much!
Very useful tutorial!
5:39 "Kind of like"? Or exactly like?
When using clamp, the middle variable should always include rem or em to make it accessible. Otherwise users who either change the default font size or zoom won’t be able to adjust the font size to their needs. Regardless of zoom level or font size, 4vh never changes.
Thanks for sharing your note.
really appreciate this. Thanks 👍
Thank you ! 🍀
Shoutout to everyone on the odin project 🔥
Nice content 👍🏾
thanks master
great,please can you make tutorial for chrome extension using reactjs
Please post any tutorial requests in the comments here - ua-cam.com/video/LCezax2uN3c/v-deo.html - for me to track and see people voting on them.
Hello Steve, just watching along with you and right off the bat would like to understand why you select vh for font-sizing and not vw? Is this standard and could vw be used instead, or is this just a no no? I hope you can get to answer me - thanks
You can use either. When calculating font sizes you just have to take into account the form factor of what your user is using - laptop, tablet, phones. They all have different aspect ratios and you need to account for that in your styles. Media queries can be used to get different aspect ratios. This is meant as a basic example, not a finished production ready stylesheet.
@@SteveGriffith-Prof3ssorSt3v3 Hello Steve, I appreciated the response - thank you!
To explain, I came to your channel, looking to find out some more about this method, precisely for the purpose of using it in live projects. I think it's fair to say this is probably the same reason anyone else who visits information channels like yours, although I agree you'd have to be a little bit nuts to implement it right away, after watching just one instructional video. I've also read up about using clamp on the major CSS sites, watched other videos and had never seen Vh used before, which threw me. But it's good to have seen it, so I can evaluate it when I come to test this out in further research. BTW, I also came across a modular typescale using CALC, which is interesting, since it achieves the same end result, without the downside of only 90% browser support. I am just researching it all, before implementing it - I have to assume users will view on the whole spectrum of devices as I have no way of knowing this for sure.
Thanks again for the quick response and explanation - Peace!
Thanks you!
Great! Thanks
Sir, pls make a video on fit-content and fit-content ().
Please add requests in the comments here - ua-cam.com/video/LCezax2uN3c/v-deo.html - and vote for the ones that are already there.
always keep the minumum value less than 300px
why?
@@Barister-sv3gj responsive purposes
But this doesn't really explain how it works which leaves gaps in the knowledge of the people trying to understand HOW this works. Welp, time to go look for another video.
i have nothing against kevin powell and webdevsimplified (kyle) - they're both great people for sharing so much knowledge --- but really, your videos are the easiest for me to follow and learn from. thanks again for posting all this css goodness
Kevin is great. I talk with him from time to time, and we are both Canadian!
same man steve explained this so much better for me