Overlapping Sections in Mobile View

Hi all, I’m having real issues keeping my sections in mobile from not overlapping. The “Only Verified, Validated Data” header is covering up data from the previous section, and the buttons at the bottom of “Our Value” are falling off the bottom. I’ve tried to reset the height to auto for every section, container, and div block to ‘auto’ and min-height 500 px per previous comment threads, but nothing seems to be working. Any ideas? Thanks in advance!


Here is my site Read-Only: https://preview.webflow.com/preview/earner-v2?utm_medium=preview_link&utm_source=designer&utm_content=earner-v2&preview=751d8f6fb8baf7a3a26e91ddffd16e72&mode=preview

You should take advantage of flex box. It makes it super easy to make things responsive. Here’s a video showing an example on your site:

Thanks Jack! Super helpful, and yes it fixed those issues! One follow-up question - as you noted, I have another grid layout in the middle section (How it Works - at the 1:06 mark of your video). Do you have any suggestions for how to change that from grid to a flexbox and maintain the same appearance on desktop as I currently have, but then allow vertical stacking in mobile? I’ve tried a couple of ideas, but whenever I try to change it on desktop, I can’t get them to look the way they do currently (image, text; then text, image; then image, text; then text, image).

Any ideas?