talest div

by Kiran Duggal

HTML

<div class="product-wrapper contain">
		

		<div class="news-box contain">
			<img alt="" src="http://placehold.it/500x200" />
			<p>djfskal;jf dksajf lk;sa fjklsa fj;lkasdjfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkasdjfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksasa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkasdjfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkasdjfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkasdjfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas</p>
			
		</div>
		
		<div class="news-box contain">
			<img alt="" src="http://placehold.it/500x250" />
			<p>djfskal;jf dksajf lk;sa fjklsa fj;lkasdjfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas djfskal;jf dksajf lk;sa fjklsa fj;lkas</p>
			
		</div>
		
		<div class="news-box...

CSS

* {
    box-sizing: border-box;
}

.news-box {
    width: 33.33333333%;
    float: left;
    border: 1px solid red;
}

.news-box img {
    width: 100%;
    height: auto;
}

JavaScript

jQuery(document).ready(function($) {
	
    var bigbrother = -1;

    $('.news-box').each(function() {
      bigbrother = bigbrother > $('.news-box').height() ? bigbrother : $('.news-box').height();
    });

    $('.news-box').each(function() {
      $('.news-box').height(bigbrother);
    });

});