Grid and equal height


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 "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.

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?


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