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 Desiree Lauterbach
.a{fill-rule:evenodd;}techdegree
Desiree Lauterbach
Front End Web Development Techdegree Student 1,053 Points

CSS mistake but where? My page links are not centering.

I am supposed to follow along with Nick and center the header, footer, and somehow the page links (portfolio, about and contact), but the page links are not centering. I believe I did it correctly or at least the way the video shows but it is not displaying properly so I must have goofed it. I have rewatched the video and can't find where it is wrong. Can you? Using the main.css file. See here:
https://w.trhou.se/hi23txjdqn

calvindiguidig
calvindiguidig
Courses Plus Student 4,388 Points

just take a look at on your meta tag you forgot to close it and if you want to center your list tag just give the rule on your header tag like text-align: center so what ever nested on header element will be align center

2 Answers

Simon Coates
Simon Coates
28,695 Points

i took a look. The only things i changed were a property that didn't have a semicolon and h2 {, which you had as h2 } . seemed to get centering back.

Desiree Lauterbach
.a{fill-rule:evenodd;}techdegree
Desiree Lauterbach
Front End Web Development Techdegree Student 1,053 Points

Thank you. I did not realize I made those mistakes in h2 with the backwards brace & the missing semi colon. I was looking at h1 and so many other places. Thanks for the detailed description of what was missing. It helped me see it.

Silviu Popovici
Silviu Popovici
20,433 Points
Silviu Popovici
Silviu Popovici
20,433 Points

Hey not sure what was in the video but if you add a new rule under the Navigation comment like this it should work:

nav ul li{ text-align: center; }