JSFiddle - React, Tailwind, and code Playground

by painotpi

HTML

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

CSS

.parent {height: 600px; width: 960%; border: 1px solid;}
.child {
    height: 50%; 
    border: 1px solid;
}

JavaScript

$(".child").css({
    width: $(this).height() + "px"
});

$(window).resize(function(){
    $(".child").css({
        width: $(this).height() + "px"
    });
});