Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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.