JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container">
<dib class="block"></dib>
<dib class="block"></dib>
<dib class="block"></dib>
<dib class="block"></dib>
<dib class="block"></dib>
</div>
CSS
.block {
width: 19%;
float: left;
min-height: 45px;
height: 100%;
border: 1px solid black;
}
.block:last-child {
height: 69px;
}
.container {
border: 1px solid red;
}
.container::after {
content: '';
clear: both;
display: block;
}
JavaScript
var container = document.querySelector('.container');
var elemLast = document.querySelector('.block:last-child');
var block = document.querySelectorAll('.block');
for (var i=0; i < container.childNodes.length; i++){
block[i].style.height = elemLast.offsetHeight + "px";
}