Cool Link: Conditional Border Radius In CSS

This is a really cool trick. Turns out that it’s possible, with pure CSS, to have border-radius be applied conditionally.

The given example is a perfect one: sometimes we have cards with rounded corners that look good on their own, but if you’re on mobile and have less space and want the cards to take up the full page width, the rounded corners look awful. You can technically write breakpoints for that, but with clamp you can make the border-radius disappear if the card is too close to the viewport edges!