I've recently added products to our website and as you can see the first row has 3 products which is what I want, but the remaining rows are not.

I then have 1 item on 1 row then 2 items on the next row?

This also happens with "You may also like" and "Related Products"

I've tried a few things, I've made the centre column wider but this doesn't change anything. I know it's wide enough because the first row has 3 products.

I've also changed theme settings in the backend to reflect 3 items but this also doesn't change anything. I've tried multiple variations of code that people have posted in other support threads but they don'ty do anything either.