JSFiddle - React, Tailwind, and code Playground

HTML

<div class="square"></div>

CSS

body{
    height: 100%;
}

.square{
    height: 100%;
    padding-right: 100%;
    background: red;
}