JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
  <div/><div/><div/><div/>
</div>

CSS

.test {
  width: 50px;
  height: 0px;
  padding-top: 100%;
  background: blue;
}

/*
  Expected Result:
  .test width is 50px
  .test height is 50px
*/