min(), max()

.minimum-of-these { width: max(500px, 50%); } .maximum-of-these { width: min(320px, 90%); }

These functions allow you to select either the maximum or minimum value from a range of values you provide. Much like clamp() , these functions allow us to make things responsive up until a certain point.