Menu icon Foundation
Help with Equalizer

I have a 3 column row. On each column I have a thumbnail div, a title div and a details div. I am able to use Equalizer to make all the column have the same height but what I would like to do is to have all the title divs to be of equal height across the same row so everything can line up nicely.

I have created a codepen and a screenshot. Any help would be appreciated.

http://codepen.io/renny/pen/VLNZRx

Thanks!

-R

2015 08 12 at 9.25 am

Equalizer

I have a 3 column row. On each column I have a thumbnail div, a title div and a details div. I am able to use Equalizer to make all the column have the same height but what I would like to do is to have all the title divs to be of equal height across the same row so everything can line up nicely.

I have created a codepen and a screenshot. Any help would be appreciated.

http://codepen.io/renny/pen/VLNZRx

Thanks!

-R

2015 08 12 at 9.25 am
Jonas Marlo Loerken about 4 years ago

The easiest way is to define a height to each "title" :

<div class="title" style="height:80px">