My landingpage design is looking fine when testing in webflow and in desktop browsers, but when I view it on my iPhone 6 it looks like this. You can check out the live demo here: http://flexa-wireframe.webflow.io/
Flexbox is still not 100% normalized across all the browsers, so you may see some difference in behaviors. There’s currently a bug in Safari (both desktop and mobile): when you have a flex child with %-based Flex Basis inside a flex container with Direction: Column, it shrinks to its minimum height and causes an overflow.
To fix this, just set Sizing: Don’t shrink in the Flex Child Settings on mobile: