<div class="container">
  <div class="vmax"></div>
<div class="vmin"></div>
</div>
.container {
  display: flex;
  justify-content: space-around;
}

.vmax {
  width: 50vmax;
  height: 50vmax;
  background: #000;
}

.vmin {
  width: 50vmin;
  height: 50vmin;
  background: pink;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.