Blanks on shop page (Woocommerce)

[Sculley]

Can’t figure out why there are two spaces (the first and second columns in 2nd row) before chapbook 4 product on this woocommerce store: https://americancrowgraphicnovel.com/shop/. It was fine but after I deleted a product it’s now doing this.

Any ideas? Thanks much in advance!

[WebMachine]

The problem is that the first two products on the first row are longer than the third one, so the 4th product is getting caught on the shorter one.

This is because you are floating all your divs. Try grouping the products in groups of three using display: table-row and display: table-cell, or wrapping each group of three floated divs in a container div.

[Sculley]

Right! Thank you. Let me try that…