JSFiddle - React, Tailwind, and code Playground

by Mark James

HTML

<div class="evenitup">
<article>

stuff
stuffstuff
stuffstuffstuffstuffstuff
stuff
asdfasf
fa
sf
asdf
asdf<br>
asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>
</article>
<article>
stuff
</article>
<article>
stuff
</article>
</div>
<article>
more stuff
</article>

CSS

article{
  display:block;
  float: left;
  width: 200px;
  border:1px solid black;
  border-radius: 3px
  vertical-align: top;
}

JavaScript

$(document).ready(function() {
    var maxHeight = -1;
    $('.evenitup article').each(function() {
      maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
    });

    $('.evenitup article').each(function() {
      $(this).height(maxHeight);
    });
});