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 Creating HTML Content Structure the Image Gallery

Michael Slavin
PLUS
Michael Slavin
Courses Plus Student 6,480 Points
Posted by Michael Slavin
Michael Slavin
Courses Plus Student 6,480 Points

Preview image shows up as a thumbnail. is there a problem with my code <img src="img/numbers-01.jpg" alt="">

Here is my code: 

<section>
  <ul>
    <li>
      <img src="img/numbers-01.jpg" alt="">
    </li> 
  </ul>
</section>

Instead of showing up big like it does on the preview screen it shows up as a thumbnail.

1 Answer

Tim Knight
Tim Knight
28,888 Points
Tim Knight
Tim Knight
28,888 Points

Hi Michael,

There isn't anything within that HTML that would be restricting the width of the image. Have you tried opening the file with an image editor just to see how big it actually is? You might also try right-clicking on the file to get more information which depending on your operating system would be the image size.

You might want to double check the images within the project downloads. numbers-01.jpg should be 1024 × 768.

Michael Slavin
Michael Slavin
Courses Plus Student 6,480 Points
Michael Slavin
Michael Slavin
Courses Plus Student 6,480 Points

Hey Tim

I figured it out. I had the Image folder labeled wrong on the left side up the index.html file. Thank you for your help

Tim Knight
Tim Knight
28,888 Points
Tim Knight
Tim Knight
28,888 Points

Glad you got it worked out.