Full height colum on css foundation trick
Since year ago foundation framework don't have plan to support this feature (full height column), so I'm share this trick for you
HTML
<div class="row"> <div class="large-8 column"> <div class="main">My Main</div> </div> <div class="large-4 column full-height"> <aside class="sidebar"> My Sidebar </aside> </div> <div>
CSS
.full-height { display: table; } .sidebar { display: table-cell; background: #eeeeee; }
JQuery
$(".full-height").height($(".main").parent().height());
check my gist Thank you bro,














