This New CSS Function Will Change Responsive Design Forever #Shorts

Key Takeaways

you've probably seen things like min width and max width before where you can set a minimum size a maximum size and a variable size and it'll bounce between those two sizes but you can only do that with widths and heights until now there's a property called clamp inside of css and as you can see here we set our font size to clamp with a minimum of two rem a variable size of seven v min and then a maximum size of three rem now you can see as i scale my page as the v min becomes larger my font becomes larger until it hits the maximum and it stays the same and then it'll shrink down until it hits the minimum and it stays the same this is a really great property because it allows you to do variable minimum maximum sizes for any css property