<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;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.