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


How can I fix my footer?

I noticed that on larger screens my footer has white space between it and the bottom of the screen. How can I fix this?

Website is http://desimara.com

3 Answers

James Oh
James Oh
39,169 Points

Hi Lansana,

On larger screens your content takes up less space than the browser, so you are seeing the body's background color below the footer. One solution is to make sure your content is long/large enough to take up more space. But a better solution would be to add a background color just to your #section-one, and change your body's background to a better color, perhaps one that matches your header (#333).

So apart from changing some background colors, my only option would be to increase the top and bottom margins of the content to better fit larger screens?

Aside from that, how would you say my code looks in terms of efficiency or "good practice"? I always feel like I over-complicate things and that there are simpler methods to do what I am trying to do.