Elements Overlap on published Mobile View

https://preview.webflow.com/preview/dumpster-broz-8f95c3?utm_medium=preview_link&utm_source=designer&utm_content=dumpster-broz-8f95c3&preview=78f5825fa1e479ff8fe9a78ca2449850&workflow=preview

Hey Guys,

Having a weird issue where my button overlaps the pricing table when viewing the published site on mobile, however in the designer, I have no such issue, I’ve tried restructuring it in 100 different ways, but have had no success. Is this a platform issue? Or is there something I’m missing?

I’ve included the read-only link as well as the link to the published domain

Thanks in advance

Try making the “Home Section Wrap” div a grid element, or playing around with that. Just testing in Safari (which causes the issues as well, setting the css display: flex; to display: grid; seems to fix the issue.

You’ll need to edit columns etc, to make it work!