A CodePen by Eli Dupuis. Foundation block-grid - Foundation's block grids are awesome but they only work if all the elements are the same height. This SCSS snippet will allow the elements to be different heights. It works by simply clearing every nth element—based on how many columns you have.

You can comment out the SCSS to see how the default block-grid behaves with these variable height elements.  

This is for Zurb Foundation 4.