Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Frankie Davison
Frankie Davison
5,829 Points

All of the content in my "wrapper" id moves down the page when I resize my browser.

Whenever I resize my browser, all of my content below the header (on every page) moves further and further down the page.

Savannah Lynn
Savannah Lynn
13,662 Points

Hi Frankie,

Right now I can only guess because I can't see your code. First thing I would check is for a large margin or padding below the header and above the main content container. Is it set in percentages? A relative size will increase or decrease depending on the size of the browser. Post your code and we can help you find out exactly what's going wrong.

Kabolobari Benakole
Kabolobari Benakole
Courses Plus Student 14,278 Points

Hi, Frankie, can you post your code on jsfiddle or codepen or something? It'll help to clarify what you're saying better.

Frankie Davison
Frankie Davison
5,829 Points

Thank you for the help everyone but it turns out it was just me being a fool! I set the margin to 30% rather than 30px.

1 Answer

Kabolobari Benakole
PLUS
Kabolobari Benakole
Courses Plus Student 14,278 Points

O, great, you were able to figure it out. We all learn by goofing. Congrats on that.