JSFiddle - React, Tailwind, and code Playground

by Niko Sams

HTML

<div class="c">

<div class="x">abc</div>
    
</div>

CSS

.c {
    width: 100px;
    position: relative;
}
.x {
    width: 100%;
    padding-top: 100%;
    background-color: red;
    position: absolute;
}