(function() {

   var mas = document.querySelector('#masonry');
   for (var x = 0; x < 30; x++) {

     var w = Math.floor(Math.random() * (800 - 400 + 1)) + 400;
     var h = Math.floor(Math.random() * (800 - 400 + 1)) + 400;
     var price = Math.floor(Math.random() * (1500) + 1);
     var src = 'http://lorempixel.com/' + w + '/' + h + '/food/';

     var category = 'CSS3 ';
     var title = 'CSS3 Masonry Grid';

     var content = '<figure>' +
       '<img src="' + src + '" />' +
       '<figcaption>' +
       '<div class="price">' + price + '€</div>' +
       '<div class="info">' +
       '<div class="category">' + category + '</div>' +
       '<div class="title">' + title + '</div>' +
       '</div>' +
       '</figcaption>' +
       '</figure>';
     mas.innerHTML = mas.innerHTML + content;

   }
 })();