Bertram_Handy

It doesn't seem to work passed 2099px. At 2100px it breaks

@tuanphan For mobile and tablet your code works fine but desktop it looks messed up. I deleted all the code and used just the code you provided and it has the same results. See attached

Is it possible to reduce size of index page thumbnail images? I've managed to alter the grid (using code I found elsewhere in the forum - see below) and it made the images smaller (for mobile only) , which looks nice. Ideally, I'd have 3x columns for Desktop/Tablet, and 2x for mobile - OR - reduce the thumbnail image sizes with some code. Anyone know how to do so? @media only screen and (max-width: 640px) { #grid { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0px; } .item { height: auto!important; } .item { position: relative!important; transform: none!important; width: 100%!important; display: block !important; padding: 0px!important; box-sizing: border-box; top: unset !important; } .item img { height: 100%!important; width: 100%!important; } }

I'm trying to create a gallery/landing page using image blocks and GIFs. I would like to have a stack of images, and once you click an image it takes you to a lightbox with an image or GIF. Currently I have the GIFs stacked with the other images, yet the thumbnails for the GIFs are animated and it looks very busy. Is there a way to have a still thumbnail for a GIF?