JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

html, body{
    height: 100%;
    margin: 0;
}

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