New To This. Everything is Overlapping!

Design help General
1

Hey Everyone,

So this weekend I began creating my first ever webflow website for my social media agency. I’ve built wordpress websites before so I thought I could figure this out too. Things were going well, but then everything started overlapping. By this I mean sections above would overlap sections below and vice versa.

I tried editing margins and pixel size, but still I would change one thing and then things would begin to overlap again.

Also, any tips on making my website mobile responsive. If I change it on mobile, it shouldn’t change on the website version correct?

Any advice would be so greatly appreciated. Website (read-only) is linked below.

Thank you,
Angelica

Here is my site Read-Only: https://preview.webflow.com/preview/angelicas-first-project-9711f1?utm_medium=preview_link&utm_source=designer&utm_content=angelicas-first-project-9711f1&preview=b719fd71d2af370f59a0d3fd9dd46828&mode=preview

2

Good job on your site, its looking great so far.

I think your problem is around setting predefined heights on your sections and container elements, as well as a few div blocks with things nested inside. You should remove a defined height, and let the elements within define the height based on their size, this will allow for a more responsive interface.

Also I see you have some inconsistencies in your use of Sections, Containers, and Div blocks.

image
image292×661 15.8 KB

An easy way to design in Webflow is to use a Section first, then nest a Container, then nest your other elements. You can achieve the same thing with Div blocks, however the Sections and Containers already have pre-defined widths and are made to be responsive out of the box.