Gap-Free, Multi-Column Grid Layouts – Nested
Nested is a jQuery plugin for generating multi-column grid layouts with zero gaps.
The plugin creates a matrix of all elements, builds a multi column grid and tries to fill any gaps by reordering the elements.
There are various other solutions out there that does the same. However, Nested applies one small action: it resizes any element at the bottom of the grid to guarantee the gap-free layout.
Its usage is very easy by simply targeting a container element through a jQuery function.
And, various options exist for customization like enabling/disabling animation, min. number of columns and more.
Compatibility: All Major Browsers