JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Green if supported:</h3>
<div class="min"></div>
<div class="max"></div>
<div class="clamp"></div>

CSS

.min:before {
  width: min(100px, 200px);
}
.max:before {
  width: max(10px, 100px);
}
.clamp:before {
  width: clamp(10px, 100px, 200px);
}

div {
  position: relative;
  background: red;
  margin: 0.5em 0;
  padding: 0.25em 0.5em;
  width: 100px;
  box-sizing: border-box;
}
div:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: green;
}
div:after{
  content: attr(class) "()";
  position: relative;
  display: block;
}