砌体 - 网格盒之间的额外空间

Question

我正在开发一个网站的开发版本，我正在尝试将Masonry与Pure.css集成，以创建一个具有砌体堆叠外观的响应式网格。有时它可以工作，但很多时候我在网格框之间有额外的空间。如果我调整浏览器大小或运行无限滚动它似乎很好地重置，但初始加载通常是关闭。我已经尝试实现imagesLoaded，添加$（window）.load指令以及许多其他方法。我甚至等了几秒钟后装满了所有的东西来初始化砖石，即便如此它也没关了。

这是我的砌体功能：

function mason() {
    $('#deals').imagesLoaded(function(){
        $('#deals').masonry({
            itemSelector: '.outerdeal',
            columnWidth: '.outerdeal',
            containerStyle: null,
            isResizable: true
        }); 
   });
}

这用于初始化。它重新加载$（'＃deals）.masonry（'reload'）。我不确定Pure.css是否存在冲突（http://purecss.io/）。以下是包含错误的网站的链接：http://162.243.7.235/nyc