JSFiddle - React, Tailwind, and code Playground

by koutsenko

HTML

<div class="column"><img  src="data:image/gif;base64,R0lGODdhAQAKAIAAAAAAAP///ywAAAAAAQAKAAACA4SPBQA7"/></div><div class="column">Content DIV, here will be tables and some another content</div>

CSS

html, body {
    height: 100%;
    margin: 0;
}

.column {
    height: 100%;
    display: inline-block;
    border: 1px solid green;
}

img {
    display: table-cell;
    height: 100%;
}

JavaScript

window.onload = window.onresize = function() {
    var image = document.getElementsByTagName('img')[0];
    
    document.documentElement.style.fontSize = image.offsetHeight + '%';
}