Div columns not aligning properly on certain screen sizes

Hi everyone,

This is my first time posting here on the Webflow forums.

I am working on building a landing page for the non profit that I work for.
I have a section with three columns that I created using divs and the flex display. They align properly on my laptop but then when I resize my browser window the right two columns seems to rise above the left columns. I can’t figure out what is happening here as all three divs have the same parameters.

I have all three switching from horizontal to vertical when viewing on mobile (which seems to work fine). It’s just the resizing of the desktop window that is displaying weird.


Any help would be appreciated! Thanks everyone.

And of course below are my links where you can view everything.


Here is my site Read-Only: https://preview.webflow.com/preview/water-landing-page-2020?utm_medium=preview_link&utm_source=designer&utm_content=water-landing-page-2020&preview=214ffc6e8e15757647af38e628a26606&mode=preview

Here is the published site: https://water-landing-page-2020.webflow.io/

@WalterN try Div-Block-16 align to top

1 Like

@guoshuzhang Thank you! That worked!!