Please take a look at the screenshots below, showing how the Image Gallery element (set to Gallery type: Image grid) looks when the browser is resized.
1. This is fine, showing all the images.
http://i.imgur.com/WT6PwS0.jpg
2. When resized to the next breakpoint, some of the images decide to resize to a tiny, almost invisible size.
http://i.imgur.com/9OHLxab.jpg
3. The next breakpoint, 6 of the images have completely disappeared from the 24 there should be. Some of the images are just a thin strip, some have no padding inbetween them, and the layout is disgusting.
http://i.imgur.com/0P6MZBa.jpg
As you resize the browser, it just gets worse and worse. Tell me how I’m meant to use this on my client’s website without getting asked why it looks like crap, and told to go back and start again?
How can I fix this?
