JSFiddle - React, Tailwind, and code Playground

by jonjohnjohnson

HTML

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

CSS

html
{
    width: 50%;
    margin: 25%;
}
.parent
{
    width: 50%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    background: #f00;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 50% 25%;
}