The CSS min() function is used to determine
the minimum value from a list of
comma-separated values.
Let's look at an example:
In the above example, the element's width is
defined by the min() function.
That means, if the viewport is smaller than 600px,
the element will take up at least 50% of the viewport width.
Otherwise, it will stay at a fixed width of 300px.