<div class="box1">vmin</div>
<div class="box2">vmax</div>
div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.box1 {
  background : #EE68FF;
  width :100vmin;
}

.box2 {
  background : #3898E0;
  width :100vmax;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.