I have a CMS powered gallery on my page, that lays out the images 3 across in desktop and tablet mode.
I noticed a weird behavior where every 20 pixels in screen width a small gap (maybe 2-5 pixels wide) develops between the images in each line.
I’m thinking this may just be a result of the fact that 3 doesn’t go in to 100 evenly (I set the flex bias to 33.333333%), but I’d like to know if anyone has encountered this before and if they were able to fix it.
And here’s the published page: https://website-88a3d1.webflow.io/
The gallery in question is “Diamond Rings” under the Jewelry heading at the top.
Thanks in advance!