JSFiddle - React, Tailwind, and code Playground

by sendil J

HTML

<div id="picHolder" onload="modifySize()">
    <div id="leftDiv"> </div>
    <div id="verticalHolder"> </div>
    <div id="rightDiv"> </div>
    
</div>

CSS

#picHolder{
    border=1px solid #eee;
    
}

JavaScript

var fixWidth = 100;
var fixHeight = 200;

var picWidth = 150;
var picHeight = 50;

var heightDiffPer = (picHeight/fixHeight)*100;
//alert(heightDiffPer);

var reqPer = 100 - heightDiffPer;

//alert(reqPer);

var modifiedHeight = (reqPer/100)*fixHeight;

//alert(modifiedHeight);
function modifySize() {

document.onLoad
document.getElementbyId("picHolder").style.width=fixWidth;
document.getElementbyId("picHolder").style.height=fixHeight;
    
}