JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
  <div class="item left">
    <img src="http://lorempixel.com/400/400" />
  </div>
  <div class="item right">
    <img src="http://lorempixel.com/400/200" />
  </div>
  <div style="clear: both;"></div>
</div>

CSS

.item
{
  background-color: lightblue; 
  padding-bottom: 25px;
}

.left
{
  float: left;
}

.right
{
  float: right;
  margin-left: 50px;
}

JavaScript

$.fn.setAllToMaxHeight = function(){
return this.height( Math.max.apply(this, $.map( this , function(e){ return $(e).height() }) ) );
}

$('.item').setAllToMaxHeight();