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?