<min>
Returns the smallest (most negative) value from a list of comma-separated expressions. It is useful for creating layouts that shrink but don't grow beyond a certain point.
Quick example
.responsive-image {
/* Takes up 80% of the screen but never exceeds 600px */
width: min(80vw, 600px);
}<min> Browser Support
Widely available Since 2020 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
Safe to use without fallbacks.
79+
75+
11.1+
79+