hi - hope someone can help.
I have a logo grid of three rows, four containers wide. Each container is set to 25% on desktop, 50% on mobile.
In Chrome this functions perfectly. I see a row of logos, four columns wide, three rows deep.
In Safari, it ignores the container width and puts five container columns wide on desktop, on mobile it ignores the 50% and has one long list of logos in a single column.
How do I fix this?
Link here: https://buddycrm.com/ (logo grid about halfway down page).
Thanks. (edited to add screenshots)