JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <div id="one">Test</div>
    <div id="two">TWO</div>
</div>

CSS

#main{
        width:404px;    
     
}

#one{
    height:300px;
    width:200px;
    display:inline-block;
    float:left;

}
#two{
    height:100%;
    width:200px;
    float:left;
    display:inline-block;

}

div{
    border:1px solid black;
}

JavaScript

$(document).ready(function() {
   
        $("#main").css("height",$("#one").height());
    
    
 });