Masronry

testing masonry

HTML

<script src="http://masonry.desandro.com/masonry.pkgd.min.js"></script>
<div id="container">
<div class="item"><img src="http://bestmilesahead.sprtest.com/img/grid/01.jpg"></div>
<div class="item w2"><img src="http://bestmilesahead.sprtest.com/img/grid/02.jpg"></div>
<div class="item"><img src="http://bestmilesahead.sprtest.com/img/grid/link1.jpg"></div>
<div class="item"><img src="http://bestmilesahead.sprtest.com/img/grid/link2.jpg"></div>
<div class="item"><img src="http://bestmilesahead.sprtest.com/img/grid/03.jpg"></div>

<div class="item"><img src="http://bestmilesahead.sprtest.com/img/grid/04.jpg"></div>
<div class="item"><img src="http://bestmilesahead.sprtest.com/img/grid/05.jpg"></div>
 <div class="item"><img src="http://bestmilesahead.sprtest.com/img/grid/06.jpg"></div>
</div>

CSS

#container{
    width:810px;
    
}

JavaScript

var container = document.querySelector('#container');
var msnry = new Masonry( container, {
  // options
  columnWidth: 1,
  itemSelector: '.item'
});