<div class="test1">width: min(200px, 400px);</div>
<div class="test2">width: max(200px, 400px);</div>
.test1 {
width: min(200px, 400px);
background: red;
margin: 0 0 1rem;
}
.test2 {
width: max(200px, 400px);
background: green;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.