JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<script src="https://raw.githubusercontent.com/liabru/jquery-match-height/master/jquery.matchHeight-min.js"></script>
<div>
    foo <br>bar
</div>
<div>
    baz
</div>

<p><button type="button">Change font size</button></p>

CSS

* {box-sizing:border-box;}
body {height:800px; padding:0; font-size:16px; font-family:arial;}
div {float:left; border:0.083em solid firebrick; margin:0 0 0.5em; padding:0.5em 0; width: 50%; background:tomato; color:#FFF; text-align: center;}

p {clear:both;}

JavaScript

$('div').matchHeight(true);

$('button').on('click', function() {
	$('body').css({'fontSize' : '28px'});
    $.fn.matchHeight._update();
});