JSFiddle - React, Tailwind, and code Playground

by Intesar Haider

HTML

<div class="div1">
  <br>
  <br>
  <br>asdasd
</div>

<div class="div1">
  <br>
  <br>
  <br>asdasd
</div>

<div class="div1">
  <br>
  <br>asdasd
</div>

CSS

.div1 {
  background-color: red;
  float: left;
  width: 30%;
}

.div2 {
  background-color: green;
  float: left;
  width: 30%;
}

.div3 {
  background-color: orange;
  float: left;
  width: 30%;
}

JavaScript

$(document).ready(function() {
  $(window).resize(function() {
    $(".div1").height("auto");
    var height = Math.max($(".div1").outerHeight(), $(".div1").outerHeight(), $(".div1").outerHeight());
    $(".div1").height(height);
    
  }).resize();
});