JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
  <div class="col-xs-12 col-sm-4 panel" style="background-color: red;height:125px;">
  some content
  </div>
  <div class="col-xs-6 col-sm-4 panel" style="background-color: yellow;">
  kittenz
  <img src="http://placekitten.com/100/100">
  </div>
  <div class="col-xs-6 col-sm-4 panel" style="background-color: blue;">
  some more content
  </div>
</div>

JavaScript

$(document).ready(function() {

   // Get height of original column you want to match, we're just going to select by child to prevent selecting all elements containing .panel
   var theheight = $('.panel:nth-child(1)').outerHeight();
       
   // Output same height on particular element or element(s)
   $('.panel').height(theheight);

   // Unrelated code, just proof it works lol
   $('.panel').text('The height of this element is ' + theheight + 'px');

 });