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

Design

Maria Shady
seal-mask
.a{fill-rule:evenodd;}techdegree
Maria Shady
Front End Web Development Techdegree Student 4,358 Points

Can someone look at my code and tell me why the img isn't showing up in the browser when I try to preview it?

Been trying to figure this out on my own and I just don't see what I did wrong. Sorry, I'm a newbie, could be something small! Thanks guys :)

https://w.trhou.se/bepyw3t7zy

your src should be img not image

your nav element is closed </nav> try closing that or change browser

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! There's three problems currently. You're missing an equals sign, the nav isn't closed and neither is the header.

Your header section should look like this:

<header>
      <a href="index.html">
        <h1>Sam Smith</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>  <!-- note the closing nav tag here -->
    </header> <!-- note the closing header tag here-->

And the equals sign is missing in this line:

<img src="img/numbers-01.jpg" alt="">  <!-- note the equals between src and the first " -->

Hope this helps! :sparkles: