CSS · At-rules, values and responsive design

min() / max()

Returns the smaller or larger of the supplied values, useful for responsive caps.

cssRunnable example css course

Syntax

min(80vw, 40rem)

Example

Try it

.demo { width: min(100%, 240px); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.