JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <ul>
            <li>Lorem ipsum dolor sit amet</li>
            <li>Quisque tincidunt ipsum ac ante commodo non.</li>
            <li>Lorem</li>
            <li>Lorem ipsum dolor sit amet</li>
            
            <li>Lorem</li>
            <li>Ipsum</li>
            <li>Quisque tincidunt ipsum ac ante commodo non suscipit tortor volutpat.</li>
            <li>Quisque tincidunt ipsum</li>
            
            <li>Lorem ipsum dolor sit amet</li>
            <li>Lorem ipsum dolor sit amet</li>
            <li>Lorem</li>
        </ul>
    </body>
</html>

CSS

ul {
    margin: 0;
    padding: 0;
    width: 440px;
    list-style: none;
}
    li {
        float: left;
        width:100px;
        margin: 5px;
        background: orange;
    }

JavaScript

$('li').each(function(i) {
    if (!(i % 4)) {
        var arr = [];
        var row = $(this);
        
        for (var j = i; j < i + 4; j++) {
            var $this = $('li').eq(j);
            
            row = row.add($this);
            arr.push($this.height());
        }
        
        row.css('height', Math.max.apply(this, arr));
    }
});