JSFiddle - React, Tailwind, and code Playground

by Aleksey Karagodnikov

HTML

<div id="sidebar"></div>
<div class="main-content"></div>

CSS

#sidebar, .main-content {
    height: 100px;
}
#sidebar {
    background: #eee;
    width: 200px;
}
.main-content {
    background: #666;
    width: 100px;
}

JavaScript

var sidebar = $('#sidebar');
var content = $('.main-content');

if (sidebar.width() > content.width()) {
    content.width(sidebar.width());
    console.log('--extending content');
} else {
    sidebar.width(content.width());
    console.log('--extending sidebar');
}