On my product homepage’s product grid, I use custom CSS to set the horizontal and vertical gap between product cards to zero.
However, this creates the issue of two neighbouring borders overlapping magnifying the thickness of a shared border. (see first picture)
How can I avoid this? Is there a better way to achieve a cleaner look (all borders with the same thickness) ?
(see second picture)
Thank you in advance, for all your help!