JSFiddle - React, Tailwind, and code Playground

by Andrew Warren

HTML

<div class="dynamic">
    <p>Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
     <p>Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="static">
    <p>Some static content</p>
</div>
<div class="clear"></div>

CSS

.dynamic {
    width: 50%;
    float: left;
    background-color: yellow;
}

.static {
    width: 50%;
    float: left;
    background-color: red;
}

.clear {
    clear: both;
}

JavaScript

$(document).ready(function() {
    
    var dynamic = $('.dynamic');
    var static = $('.static');
    
    static.height(dynamic.height());

});