JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="wrap">
    <div class="item">Item 1<br>a<br>b</div>
    <div class="item">Item 2<br>a</div>
    <div class="item">Item 3<br>a<br>b<br>c<br>d</div>
    <div class="item">Item 4<br>a</div>
    <div class="item">Item 5<br>a</div>
    <div class="item">Item 6<br>a<br>b</div>
    <div class="item">Item 7<br>a</div>
    <div class="item">Item 8<br>a<br>b<br>c<br>d</div>
    <div class="item">Item 9<br>a</div>
    <div class="item">Item 10<br>a</div>
    <div class="item">Item 11<br>a<br>b</div>
    <div class="item">Item 12<br>a</div>
    <div class="item">Item 13<br>a<br>b<br>c<br>d</div>
    <div class="item">Item 14<br>a</div>
    <div class="item">Item 15<br>a</div>
    <div class="item">Item 16<br>a<br>b</div>
    <div class="item">Item 17<br>a</div>
    <div class="item">Item 18<br>a<br>b<br>c<br>d</div>
    <div class="item">Item 19<br>a</div>
    <div class="item">Item 20<br>a</div>
    <div class="item">Item 21<br>a<br>b</div>
    <div class="item">Item 22<br>a</div>
    <div class="item">Item 23<br>a<br>b<br>c<br>d</div>
    <div class="item">Item 24<br>a</div>
    <div class="item">Item 25<br>a</div>
    <div class="item">Item 26<br>a<br>b</div>
    <div class="item">Item 27<br>a</div>
    <div class="item">Item 28<br>a<br>b<br>c<br>d</div>
    <div class="item">Item 29<br>a</div>
    <div class="item">Item 30<br>a</div>
    <div class="item">Item 31<br>a<br>b</div>
    <div class="item">Item 32<br>a</div>
    <div class="item">Item 33<br>a<br>b<br>c<br>d</div>
    <div class="item">Item 34<br>a</div>
    <div class="item">Item 35<br>a</div>
  </div>
</div>

CSS

.container {
  width: 800px;
}

.container .wrap {
  column-count: 5;
}

.container .wrap .item {
  width: 150px;
}

JavaScript

function temp() {
	var arr = [];
  for(var i=0;i<12;i++) {
  arr.push(Math.floor(Math.random()*50));
  }
  console.log(arr);
}

function temp2() {
	var arr1 = [10, 50, 12, 34, 67, 15, 74, 37, 45, 18, 77, 98];
	var arr2 = [45, 22, 38, 40, 35, 3, 2, 20, 0, 9, 20, 2];
  var arr3 = []
  for(var i=0;i<12;i++) {
  	arr3.push(100-(arr1[i]+arr2[i]));
  }
  console.log(arr3);
}

function temp3() {
	var arr1 = [45, 28, 50, 26, 0, 82, 24, 43, 55, 73, 3, 0];
	var arr2 = [];
  for(var i=0;i<12;i++) {
  arr2.push(Math.floor(Math.random()*100*arr1[i]));
  }
  console.log(arr2);
}

/* $(function () {
    $(".container").each( function( index, element ){
        var my_height = $(element).outerHeight();

        if( $(element).prop('scrollWidth') > $(element).outerWidth() ) {
            while( $(element).prop('scrollWidth') > $(element).outerWidth() )
            {
                my_height += 100;
                $(element).css('height', my_height + "px");
            }
        }
    });
}); */

temp3();