I'm using masonry + imagesLoaded for a fluid container (no infinite scroll) containing divs with multiple images, and the number of columns of divs changes according to the screen size. I'm also using 1 google web font.
my problem is that the imagesLoaded doesn't seem to be working? the divs of my container STILL overlap.
my script (I included the latest jquery, masonry, and imagesLoaded scripts before this block, and the google web font link href near the opening head tag):
var $posts = $('#posts');
and the relevant css (it isn't much)
margin:75px 50px 100px; }
Is there something conflicting in my css? I've tried other answers with the same issue as me but my layout still isn't working. Let me know if you need a live example.