JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<div id='table'></div>

CSS

#table {
    width: 100%;
    max-width: 1024px;
    min-width:424px;
    height:770px;
    position: relative;
    margin: 0 auto;
    border: solid 1px red;
}

JavaScript

var k = 1024/770
$(window).resize(function(){
    $('#table').height($('#table').width() / k);
});