JSFiddle - React, Tailwind, and code Playground

by Bharat Soni

HTML

<ul>
    <li class="list-unit"></li>
    <li class="list-unit"></li>
    <li class="list-unit"></li>
    <li class="list-unit"></li>
    <li class="list-unit"></li>
    <li class="list-unit"></li>
</ul>

CSS

.list-unit{height:100px;width:50px;border:1px solid black; display:inline-block;margin-left:5px;}
*{float:left;margin:0px;padding:0px;}

JavaScript

function setHeight(){
		$(document).find('.list-unit').each(function() {
		    var h = $(this).height(); 
		    max = h > max ? h : max;
		});
		$(document).find('.prod-link').each(function(){
			console.log(i);
			var presentHeight=$(this).parent().height(),
			difference=max-presentHeight;
			if(difference > 0){
				$(this).height($(this).height()+difference);
			}
			i++;
		});
	}