Webflow grid not responding properly on safari

Hi everyone, I’m having a slight issue with a grid section in the hero of a site I’m building.

The grid with the image, pricing, cta on the left, then course details on the right seems to squish on Safari, but works fine on chrome… anyone know why this might be?

Published/stagin domain here: 4 Day Professional Intensive Tiling Course - Expert Tiling Courses UK


Here is my site Read-Only: LINK

Looks normal on my end, can you share a screenshot of what seems to be wrong?


Hey @marko-ninja - this grid should take up the full width but seems to be getting squashed annoyingly. Any tips?

it is not a Grid but Flex @jakedoubleu when you get some knowledge how Flex works you will know that Safari is correct based on given style.

To fix it you should set padding-section-large to width: 100% and you should be fine. Safari is more strict about correct code while Chrome is trying to fix incorrect code.