How to make sure there is no empty gaps with divs and isotope

Question

I'm trying to create a grid layout at http://www.gablabelle.com/.

I have multiple divs floating with isotope and I wonder why there is some empty spaces and why the floating divs are not filling the gaps.

Same problem as here: How to avoid gaps using Isotope with Masonry layout

Many thanks for your time and help.

Coagulate

Answer 1

If your items are in a certain order which you don't want to "destroy" by calling the shuffle method, this will be inevitable. Then, even when shuffling, you can't guarantee the type of fit you want with some elements spanning two columns. You might be able to leverage this plugin instead but it's a very different logic.

Crandall

Thanks, I'll just do with it I guess ;-) – Coagulate

Looks good. If you have many visitors using smartphones and tablet devices, you might want to consider the hover effects as they don't work on devices without a mouse... – Crandall

Yes but I don't the title of the photos are really important anyway in this case. I'm simply showcasing my work and notes (normal posts) won't have images. – Coagulate