JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<div class="container">
    
    <div id="primary">
        <p>
            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam eget risus varius blandit sit amet non magna. Nulla vitae elit libero, a pharetra augue. Donec sed odio dui. Donec sed odio dui.

            Nulla vitae elit libero, a pharetra augue. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, 
        </p>
    </div>
    
    <div id="sidebar">
        <p>
            Nulla vitae elit libero, a pharetra augue. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, 
        </p>
    </div>
    
</div>

CSS

#primary {
 float: left;
 width: 100px;
 height: auto;
 margin: 25px; padding: 10px;
 background: red;
}

#sidebar {
 float: left;
 width: 100px;
 margin: 25px; padding: 10px;
 background: blue;
}

JavaScript

$(document).ready(function(){
    var x = $('#primary').height();
    $('#sidebar').css('height', x);
})