JSFiddle - React, Tailwind, and code Playground

by HDL52

HTML

<div class="parent">
  <div class="child"></div>
</div>

CSS

.parent {
  width: 80vw;
  height: 60vh;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  resize: both;
  overflow: auto;
}

.child {
  background-color: white;
  width: 30%;
  max-width: 30vh;
  max-height: 30vh;
  aspect-ratio: 1 / 1;
}