search

orion3dgames / gridder

A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.
http://orion3dgames.github.io/gridder/
461 stars 130 forks source link

Flexbox breaking grid #72

Closed KyleShook closed 4 years ago

KyleShook commented 5 years ago

When I add display: flex; to my CSS for .gridder to center & space my grid, upon opening each grid item the other items are shifted down a row.

So if I click the first item, it shifts the others on the same row down below the expanded part and if I click the ones below the expanded section they move back up to the first row as I click them.

orion3dgames commented 4 years ago

This will not work with flexbox.

FIY, all the .gridder-list should be display: inline-block; and the gridder-show should be display block;float:left;