Why is the content moving?

Design help General
1

Hey everyone.

Just getting started on my first Webflow project. This might be a pathetic question, but when I resize the browser (from bottom, directly upwards) the content is being pushed up too.

What Am I doing wrong?

Here’s the page I’m working on… http://hwtk.webflow.io/family-holiday-blog/homeaway-reveals-best-booking-windows-for-a-family-holiday-within-budget

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

2

Welcome.

Follow this Course :

Your main mistake:
You create px width elements - than all of your content go out of the viewport on small screens.

Example:
Big Paragraphwidth is 740 PX (In all screens). If the viewport is less than 740px your layout start to look “broken” (“moving”)

How to solve this:
Change Big Paragraph width to auto (block element like saying “100%”) -or- use %(Same idea for the wrapper and other elements).

  • Also do not set height for text blocks

More tutorials:
https://webflow.com/workshops-archive

1 Like
3

Thank you for your reply Ezra.

I removed the 60vh for the top section. This fixed it :slight_smile: