JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div><div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

CSS

div div {
    height:100px;
    width:100px;
    background:red;
    display:inline-block;
    margin:5px;
}
div div:nth-child(odd) {
    height:150px;
}

JavaScript

var minLeft = null;
var rows = 0;
$('div div').each(function () {
    var div = $(this);
    var left = div.offset().left;
    if (left <= minLeft || minLeft==null) {        
        rows++;
        minLeft=left;
    }
});
console.log(rows);