Masonry

                  <!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://www.aandagtvooru.nl/grid/style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<meta charset="UTF-8">
<title>AANDAGT Grid Testing</title>
</head>

<body>

<div id="grid">

<div class="grid-item grid-item--one"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-07.png" /> </div>
<div class="grid-item grid-item--two"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-08.png" /> </div>
<div class="grid-item grid-item--three"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-09.png" /> </div>
<div class="grid-item grid-item--six"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-02.png" /> </div>
<div class="grid-item grid-item--six"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-01.png" /> </div>
<div class="grid-item grid-item--three"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-03.png" /> </div>
<div class="grid-item grid-item--three"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-04.png" /> </div>
<div class="grid-item grid-item--six"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-10.png" /> </div>
<div class="grid-item grid-item--four"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-05.png" /> </div>
<div class="grid-item grid-item--two"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-06.png" /> </div>
<div class="grid-item grid-item--four"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-11.png" /> </div>
<div class="grid-item grid-item--two"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-12.png" /> </div>
<div class="grid-item grid-item--two"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-13.png" /> </div>
<div class="grid-item grid-item--four"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-14.png" /> </div>
<div class="grid-item grid-item--two"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-15.png" /> </div>
<div class="grid-item grid-item--two"> <img alt="AANDAGT GRID" src="http://aandagtvooru.nl/aandagt/wp-content/uploads/2015/07/Grid-test-16.png" /> </div>

</div>


<script type="text/javascript">

$(window).load(function() {
var $container = $('#grid');
		$container.imagesLoaded( function() {
			$container.masonry({itemSelector: '.grid-item'});
		});
		
});		

</script>

<script type="text/javascript" src="http://www.aandagtvooru.nl/grid/js/masonry.pkgd.min.js"> </script>
<script type="text/javascript" src="http://www.aandagtvooru.nl/grid/js/imagesloaded.pkgd.min.js.jss"> </script>

</body>
</html>