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

Posted by dijanadenic
dijanadenic
2,198 Points

Problems with footer

Hello, There's something in my code not matching the code in the lesson, footer padding is somehow off(not centered), .secondary-contend also misaligned. Also what's going on with .callout, being still inside the border? Your help is greatly appreciated!

https://w.trhou.se/1uxfts7nln

p.s. excuse for the excess of comments,it's how i take notes :)

1 Answer

Jason Milfred
Jason Milfred
5,968 Points
Jason Milfred
Jason Milfred
5,968 Points

The footer content isn't centered because you used ".main-footer" to set the text-align, but it's an id #main-footer in your html. I'm not sure what you're seeing for the .callout element or what you want to do. It looks ok to me.

dijanadenic
dijanadenic
2,198 Points

yes,i realized that id/class error right after posting the question,but the positioning of footer elements still didn't change! the .callout element should be right under the border(outside) here's the original:

https://w.trhou.se/qc9ka4wxrl

Jason Milfred
Jason Milfred
5,968 Points

Hmmm. I was able to get the content to center by changing the id to a class in the html. You have to the anchor element with the class of callout inside the div with the class of wildlife. The original has the anchor/callout element outside the div.