How do I properly align images on a page?

Site URL: https://www.fineathlone.ie/our-stock

So I'm having trouble trying to align images on a page on my site. I put up a series of images, all the same dimensions, and it looked fine in the editor.

However, once I made the page live the images went all over the place and failed to align properly. I'll only post one example here but the further down you scroll it gets worse and by the end of the list it's a complete mess.

Any ideas of how to resolve this? It happens no matter how far I zoom in or out on my browser, and I would just like to have them in clean and neat rows.

Try adding a Line Block here

Then Remove Line Block

Then check again

Hi. I dont have a solution on this as have the exact same issue! See mine attached. Did you manage to sort your alignment issue? I am guessing that maybe some css code might fix it but wondered if there was any other simpler solutions to explore first. 

On 11/7/2021 at 8:30 AM, tuanphan said:

Try adding a Line Block here

Then Remove Line Block

Then check again

Hi, I tried that but it didn't work, the problem is the same as it was unfortunately.

12 hours ago, ChristineK_2020 said:

Hi. I dont have a solution on this as have the exact same issue! See mine attached. Did you manage to sort your alignment issue? I am guessing that maybe some css code might fix it but wondered if there was any other simpler solutions to explore first. 

Honestly I just got rid of the section, put in the pictures with links as a gallery format, and decided not to use captions. It's inconvenient as I would like to show the locations of our suppliers, but it works for now anyway.

I'm not an expert, but I've encounterred a similar issue before. Is this a gallery block? You might check that each image is positioned (top, left, right, center, bottom) and sized in the same way. Good luck!