Issues with Safari

[Silvia (Silvia Yu)]

Hi guys!

We have a couple of issues working with Safari. We are working on this blog page: Linearity blog and it looks fine in most Browsers but Safari. The first problem is that there’s one card blog missing here:

And the second issue is that in all pages that we have a white background, the footer has a gradient gray color whilst it’s supposed to be all white:

Anybody have any ideas?
Link: https://preview.webflow.com/preview/vectornator?utm_medium=preview_link&utm_source=dashboard&utm_content=vectornator&preview=d501579d1d742e610e276ff41d335adc&mode=preview

[webdev (Jeff Selser)]

Please include your site’s Read-Only Share Link with your question.
A read-only link allows the community to view your project without making any edits to it and help diagnose your issue or provide feedback.

How to Enable a Webflow Share Link

If you’re new to the Webflow forum, welcome! Anyone with the read-only link of your project can explore your project in the Designer. Any changes they make while in read-only mode will not be saved. This is helpful when you need design advice or when you need help troubleshooting an issue in your project. [Create and use a read-only share link — Webflow tutorial]

[Silvia (Silvia Yu)]

Added the link, thanks!

[webdev (Jeff Selser)]

Issue one: You have columns selected on the settings for the CMS list. Should be set to full width since you are handling the layout with FLEX. Webflow ads a pseudo class in this case on the element before, set to table, this breaks the layout. See graphic below to fix.

Issue two: You have a linear gradient defined. That is why it shows.