Grid and equal height

1

Hello,

I have a grid with two columns, as such:

<div class="block" style="margin:20px;">
	<div class="row">
		<div id="left" class="col-100 medium-60" style="border:1px solid red;">
			A little bit of stuff.
		</div>
		<div "id="right" class="col-100 medium-40" style="border:1px solid red;">
			A lot of stuff with many line breaks that force the column to be really tall.
		</div>
	</div>
</div>

I would like for the “left” column to match the height of the “right” column. Or… more accurately, I would like whichever column is shortest due to less content to increase its height to match that of its neighbor. Is there a way to accomplish this?

Thanks!

2

Easiest way I found was just to add a min-height / max-height css property