We’re hoping that someone might be able to provide a bit of assistance with an issue we’re facing. Currently on one of the sites that we’ve built, su-ku-ya.com, we’re having issue with the flexbox in the ‘Artists’ area on the home page.
In Chrome and Safari, everything displays without any issues (the artists should be listed in two columns), like so:
…but for some reason in Firefox, it appears as though an extra margin is being added, which pushes every second artist image onto a separate line:
If we inspect the artist listing div, and change it from 50vw to 49vw in width, this pulls everything back up, but you’ll see there are these extra black margins between all the listings, which seems to be what’s causing the issue:
If anyone has any ideas as to why this could be happening that that would be greatly appreciated!