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

Posted by Waba Sabi
Waba Sabi
1,615 Points

Footer Problems

My code appears to be identical to the code in the video (though I'm probably wrong) but for some reason my footer is stuck between the primary and secondary sections. I've tried resizing the widths as well as adding margins. When on mobile (small width browser) everything is fine but when I stretch it out my footer pops up in between the two sections. Help?

3 Answers

Waba Sabi
Waba Sabi
1,615 Points
Waba Sabi
Waba Sabi
1,615 Points

That is exactly what I missed, thanks! Can you explain how that works to me?

hong ng
hong ng
5,650 Points
hong ng
hong ng
5,650 Points 
FOOTER
**************************/

footer {
    font-size: 0.75em;
    text-align: center;
    clear: both;   <------------- /*** did you miss this out? ***/
    padding-top: 50px;
    color: #ccc;
}
hong ng
hong ng
5,650 Points
hong ng
hong ng
5,650 Points

it somehow stops the footer from grouping together with the other elements if u have that declaration. without that declaration image or even paragraph will fit in to the spaces in between. which will cause them to cramp into a space which might not be the layout u want.