JSFiddle - React, Tailwind, and code Playground

by Vishnuprasad ps

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div class="container">
  <diV class="main">
    test
  </diV>
</div>

CSS

.container {
  width: 100%;
  max-width: 400px;
}

.main {
  width: 100%;
  background: red;
}

JavaScript

var divWidth = $('.main').width(); 
$('.main').height(divWidth);

$( window ).resize(function() {
var divWidth = $('.main').width(); 
$('.main').height(divWidth);
});