that was so smooth. It is a shame that you have only 35k subs you should have at least 1M. Wish you the best. By the way, is there any chance of you collaborating with Traversy Media, he is taking sometime off and is looking for a collab.
One of my students sent him my channel link to have a look at. I've seen other people message him on Twitter about my channel. I would love to do a video for him.
Hey, Steve... Can you give me a quick explanation of how you came to the determination that 1000px wide calculated to 5vh? That sort of went over my head.
@@SteveGriffith-Prof3ssorSt3v3 Oh. No wonder it didn't make sense to me. Thanks for taking the time to respond. I've been struggling with fluid typography for a few days now. I mean, I get it. But how to make it work in a real scenario has me struggling.
Thanks. Is it possible to use a 'reverse' clamp, i.e; going from a small number on a wide screen to a larger number on a smaller screen, for either % or vw? TIA.
@@SteveGriffith-Prof3ssorSt3v3 Thank you. I am a total CSS newbie. If I want a VW of 8 going to 22 in a viewport of 1280px to 380px, could you please show me an example of using the Calc feature? Thank you.
Using viewport sizes for minimum and maximum doesn't make much sense to me, maybe a little for flex-basis. Shouldn't it be used like my size is 20vw but I can't control how much (large/small) that is so clamp it in between 50px and 100px or other units that are independent on viewport?
Clamp will compare the current value of the property to the range of values. Calc only calculates a value and returns it as the setting for the property.
clamp lets you create a default and a possible range for a single value. @media lets you define multiple class selectors for a wide range of possible conditions - aspect ratio, width, pixel density, etc. Very different things.
@@SteveGriffith-Prof3ssorSt3v3 i am using Monokai++ theme . but it's changing the color on scss and not in live css compiler. whatever it is not working on my google chrome and firefox.
Thank you Steve,
It is nice to have someone like you that informs new features to us
Good alternative of media queries. Thanks maaan
you really did hard work to make videos for last technic 💙🌹
that was so smooth. It is a shame that you have only 35k subs you should have at least 1M. Wish you the best. By the way, is there any chance of you collaborating with Traversy Media, he is taking sometime off and is looking for a collab.
One of my students sent him my channel link to have a look at. I've seen other people message him on Twitter about my channel. I would love to do a video for him.
@@SteveGriffith-Prof3ssorSt3v3 I will message him as well. Really love the way you teach. Best of luck for you.
@@osamaa.h.altameemi5592 Thanks!
Didn't know about clamp()! Think I will use it a lot! Thanks!
Thank you so much for this educational video, I learned so much. Your work is very awesome. I really appreciate your hard work and your effort.
Than you so much, Steve!!! Learning so much from you
Thanks for your tutorial
Very useful function and very well presented. Thank you.
Great tip, thanks!
Hey, Steve...
Can you give me a quick explanation of how you came to the determination that 1000px wide calculated to 5vh? That sort of went over my head.
5vh is 5% of the 1000px was what I was referring to. I was just giving 1000px as an arbitrary value of the height of the webpage.
@@SteveGriffith-Prof3ssorSt3v3 Oh. No wonder it didn't make sense to me. Thanks for taking the time to respond. I've been struggling with fluid typography for a few days now. I mean, I get it. But how to make it work in a real scenario has me struggling.
great tutorial. thank you so much
Thank you so much for your great explanation!!. by the way what theme and font you use for the VSCode??
The font is Jetbrains Mono. A free developer font. The theme is Dark+ (default dark)
@@SteveGriffith-Prof3ssorSt3v3 you're the best!
Thanks Steve!
Thanks. Is it possible to use a 'reverse' clamp, i.e; going from a small number on a wide screen to a larger number on a smaller screen, for either % or vw? TIA.
You can use Calc to calculate a reverse scale for sizes
@@SteveGriffith-Prof3ssorSt3v3 Thank you. I am a total CSS newbie. If I want a VW of 8 going to 22 in a viewport of 1280px to 380px, could you please show me an example of using the Calc feature? Thank you.
Thanks u so much sir
Using viewport sizes for minimum and maximum doesn't make much sense to me, maybe a little for flex-basis.
Shouldn't it be used like my size is 20vw but I can't control how much (large/small) that is so clamp it in between 50px and 100px or other units that are independent on viewport?
Sure you can do that absolutely. This was just meant as a simple example that is easy to visualize.
Clamp is fckn amazing !
How about calc()? What is the difference?
Clamp will compare the current value of the property to the range of values.
Calc only calculates a value and returns it as the setting for the property.
@@SteveGriffith-Prof3ssorSt3v3 Thank you 👍👍
I still don't see the point of clamp, shouldn't it be like @media? Where the text changes as viewport changes.
clamp lets you create a default and a possible range for a single value.
@media lets you define multiple class selectors for a wide range of possible conditions - aspect ratio, width, pixel density, etc. Very different things.
Why not my vscode doesn't support clamp🙄 it doesn't change the colour of clamp function when i hit save. . Please anybody help me
It has to do with whatever theme you are using. It's not a failure of VSCode.
@@SteveGriffith-Prof3ssorSt3v3 i am using Monokai++ theme . but it's changing the color on scss and not in live css compiler. whatever it is not working on my google chrome and firefox.
@@soorajkj1564 it's fairly new. What versions of the browsers are you using. Check it against caniuse.com
@@SteveGriffith-Prof3ssorSt3v3 I test before. It's showing my version is supported.
@@soorajkj1564 Then there must be a mistake in something that you typed.
💯🎖️🔥
Thanks
hi.could u do a video on min() and max() too?
Sure. Please add that request to the comments here - ruclips.net/video/LCezax2uN3c/видео.html
Thanks Steve!