Zurb Foundation Sandbox

HTML

<link rel="stylesheet" href="http://cdn.foundation5.zurb.com/foundation.css">
<link rel="stylesheet" href="http://cdn.foundation5.zurb.com/foundation.js //cdnjs.cloudflare.com/ajax/libs/foundation/5.2.2/css/normalize.min.css">
<script src="http://cdn.foundation5.zurb.com/foundation.js //cdnjs.cloudflare.com/ajax/libs/foundation/5.2.2/css/normalize.min.css //cdnjs.cloudflare.com/ajax/libs/foundation/5.2.2/js/vendor/modernizr.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.2.2/js/foundation.min.js"></script>
<body>

	<div class="row">
		<div class="large-12 columns">
			<ul class="small-block-grid-4">
                <li><img src="http://placehold.it/200x500" /></li>
                <li><img src="http://placehold.it/500x200" /></li>
                <li><img src="http://placehold.it/100x400" /></li>
                <li><img src="http://placehold.it/400x300" /></li>
                <li><img src="http://placehold.it/300x600" /></li>
                <li><img src="http://placehold.it/200x500" /></li>
                <li><img src="http://placehold.it/600x300" /></li>
                <li><img src="http://placehold.it/100x500" /></li>
                <li><img src="http://placehold.it/200x400" /></li>
                <li><img src="http://placehold.it/300x600" /></li>
                <li><img src="http://placehold.it/700x300" /></li>
                <li><img src="http://placehold.it/400x500" /></li>
            </ul>
		</div>
	</div>
</body>

CSS

/*
ul.small-block-grid-4 {
    display: inline-block;
    float: none;  
}

ul.small-block-grid-4 li {
   vertical-align: baseline;  
} 
*/

JavaScript

$(document).foundation();