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
mrx3
8,742 PointsHaving trouble with my footer going all the way to the bottom of the page.
My codepen is below. I've never had this problem before but, my footer doesn't "snug" right up to the bottom of the page. As you will see the footer isn't all the way to the bottom, I would like the bottom footer to "snug" right up. I've tried adding height to the footer, as well as clear: both, and adjusting the bottom margin to the footer, but no luck. The site looks fine when I launch it from my text-editor but on codepen it gives me that gap at the very bottom. I'm just curious as to how I can fix this? I know this is nit picking but, I just want to know incase a situation like this comes up with a customer. I think the site looks okay. Thanks for any comments, and help.
1 Answer
Mike White
23,234 PointsThe parent containers need their height set to 100%.
html,
body,
.container {
height: 100%;
}
mrx3
8,742 Pointsmrx3
8,742 PointsThank you Mike, I really appreciate it.