It's not a complete fix but...
As MC# pointed out, a mix of Portrait (vertical) and Landscape (horizontal) images is the real cause of the misalignment. When we have this mix, the display needs to be more "flexible". Not only that, it needs to know how we want it to be flexible.
Without doing a whole lot to the files, you can simply add the following to your stylesheet.css for the site.
We recommend that you add stylesheet_zcustom.css if you won't already have it. You can put the code there, it will load last, and it will keep all your changes made to the site for later reference/upgrade.
Code:
div#productListing { display: flex;
flex-flow: row wrap;
justify-content:space-evenly;
}
You will see a shift of the first and last rows but, everything will be lined up.
Note: You have many other more pressing problems with the site. Not the least is that it is not secure even at log in.
Bookmarks