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

Posted by Theodore Griffin
Theodore Griffin
2,584 Points

I'm on the How to Make a Website track - Styling Web Pages and Navigation and I'm stuck on "Styling the Portfolio".

My headings and navigation links are not displaying properly and I'm not sure where I made an error: http://port-80-vz07w33gwq.treehouse-app.com/

links to my CSS and HTML files: CSS: https://w.trhou.se/jjhqwi9z3e

HTML: https://w.trhou.se/jjhqwi9z3e

2 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,862 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,862 Points

I'm not sure how far along you are on this part of the track, but the main problem I see is you assigned a class of "gallery" to your ul that contains your navigation. Delete that and reassign to the actual gallery sort of fixes your navigation (it is now centered). Go from there and see.

<nav>
  <ul>
    <li><a href="index.html" class="selected">Portfolio</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
  </ul>
</nav>
</header>
<div id="wrapper">
  <section>
    <ul id="gallery">

I hope that helps some. Keep going strong. :)

Theodore Griffin
Theodore Griffin
2,584 Points
Theodore Griffin
Theodore Griffin
2,584 Points

Thank you very much Jason! Your answer was very helpful! I was able to fix my navigation links with the answer you provided. After that I realized my logo was not centered properly, so I looked back at my code and realized I must've deleted my logo id at some point by accident. I went ahead and fixed that and now my page looks exactly the way it's supposed to! It appears that it's always little mistakes in html that make or break the page! Cheers!