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

CSS CSS Layout Techniques Display Modes Column Layout with Inline-Block

Posted by Daria Aubry
Daria Aubry
8,518 Points

Issue with sticky footer in project file

If you open the project files for this video section, the way the sticky footer is implemented causes an issue: If you scroll down to the bottom of the page where you see the footer, then change the browser height by pulling the browser bottom up, then the text in the primary-content and secondary-content divs overflow onto the footer. That's probably not a great user experience. However, this is the sticky footer technique that Guil presents, so what's the best practice to fix the issue?

Kevin Hewitt
Kevin Hewitt
4,329 Points

I have the same issue. I see there were other comments in the forum about this, but I don't see any answers. Is there an easy solution to this, or is this perhaps not a good method to use to 'stick' the footer to the bottom of the viewport?