Overlapping fields in mobile view once exported

[18374627292 (Tavtart)]

In the designer everything looks fine (as follows)

Order

1. The latest post
2. Welcome to my blog introduction section
   
   
3. Current favorites embed code
4. blog posts 1-6(I think)
5. Footer (“Sign up for my newsletter, etc”)
   
   

The issue come into play once I go to view the site on my cell phone (Iphone 6s+) (Side note in mobile design I always design in the smallest width setting) and fields begin to over lap.

#3 overlapps #2

followed by #5 footer overlapping #4

Am I doing something wrong/Is there a way to fix this?

@Waldo @webflow @Nelson_Soares

---

Here is my public share link: https://preview.webflow.com/preview/emilyemig-com?preview=1b9d2de3f1c07200e9c2465eb8594594
https://www.emilyemig.com/

[Waldo (Waldo Broodrÿk)]

Hi @18374627292 looks like you’re running into some safari flexbox issues, tyr setting the elements to flex grow instead of shrink for where you’re seeing the overlapping issues, as well as remove the min-height of 100vh which can be auto on a few of the elements