In web design, it's important to check your website not just on different screens but also on different browsers. Sometimes strange bugs arise for certain browsers but not for others.

One such issue happens to our Team App website in Safari browser on Mac:

On every other browser these blog cards are wrapping perfectly, but Safari is making trouble.

There usually isn't a good explanation of why such things happen on specific browsers but solutions are often available in forums. Whenever you face such bugs, don't despair, just Google your issue and often you will find others who have had the same issue. If you don't find an answer, ask on Webflow forum.

The fix for our issue is quite simple, just add -1px left or right margin to the Collection Item. That's minus one pixel.

It's not Webflow specific. The same problem happens with regular websites. Something to do with the way Safari calculates widths inside flexbox. Somehow Safari has trouble with basic math.