Contact page responsive Layout help

Hi everyone

I am struggling to make my contact page responsive. I’m afraid I’ve fiddled around too much and now I don’t know whats going on.

When I resize the contact page to different size phones, the layout goes all out of line ( logo , heading etc) And when I do make one phone model responsive, the others go out of line. Maybe my default desktop breakpoint is out of sorts?

If anyone could help that would be great.

here is my link - Thank you so much Im pulling my hair out :confused:

https://preview.webflow.com/preview/perigon2?utm_medium=preview_link&utm_source=designer&utm_content=perigon2&preview=2fe90cfb4a43b3bd55ad818e4dba3e91&pageId=5eb684cf8ea21444db6a9df5&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

@Chloe_Park-Ross i suggest use grid rebuild layout
for your reference , my way not necessarily right