Am I the only one who just realized CSS math functions can replace entire calc() blocks?
I was messing with a responsive grid layout yesterday and kept running into this wall where I needed to mix fixed and fluid units. I was about to write some stupid long calc() expression like calc(100% / 3 - 10px) for the third time when I realized clamp() and min() and max() exist. Found this article on MDN that broke down how you can nest them together and it blew my mind. For example, instead of a media query to cap a font size, you can just do clamp(1rem, 2.5vw, 2rem) and it handles everything. I tested it on a card grid for a portfolio site I'm building and it cut my layout CSS by like 40%. Has anyone else found a specific use case where min() or max() saved you from writing extra media queries?