This example has 90 cells and a loading spinner.
The grid load is defered of 2 seconds so you can see it.
The cells have absolute positioning percentage width and fixed height.
// When DOM is ready.
$('.thegrid').grid(
{
grid: '.thegrid',
cells: '.cell',
cellHeight: 100,
cellsPerRow: 7,
animationPlatform: 'js',
animationSpeed: 1200,
animationEasing: 'easeOutElastic',
breakpoints:
{
1199:
{
cellsPerRow: 5,
cellHeight: 100
},
767:
{
cellsPerRow: 4,
cellHeight: 130
},
479:
{
cellsPerRow: 2,
cellHeight: 160
},
}
});