JSFiddle - React, Tailwind, and code Playground

by zaknotzak

HTML

<button>Make equal!</button>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>

CSS

#one {
    width: 200px;
    height: 200px;
    background: #222;
}
#two {
    width: 250px;
    height: 250px;
    background: #444;
}
#three {
    width: 300px;
    height: 300px;
    background: #666;
}

JavaScript

$("button").on("click", function() {
    var equalWidth = Math.max( $("#one").width(), $("#two").width(), $("#three").width() );
    
    $("#one").width(equalWidth);
    $("#two").width(equalWidth);
    $("#three").width(equalWidth);
});