I'm building a tribute page but can't figure out what's wrong with it

I try the tribute page
but i am struggeling to get the last one it’s on 9/10 now and i cannot seem to figure out what is wrong with it our how to fix it. I tried my best and spend at least 3/4 hours working onto it try to make it right.
if someone could give me a hint it would be appreciated.

link to test suite:
https://codepen.io/freeCodeCamp/pen/MJjpwO

https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page

You are missing the image caption

<div id="img-div">
  <img id="image" src="https://img.photobucket.com/albums/v219/muyfeo/tesla.jpg" class=" img-responsive img-rounded " alt="Nikola Tesla around 1896" />
  <div id="img-caption">This is a caption</div>
</div>

Or using semantic elements:

<figure id="img-div">
  <img id="image" src="https://img.photobucket.com/albums/v219/muyfeo/tesla.jpg" class=" img-responsive img-rounded " alt="Nikola Tesla around 1896" />
  <figcaption id="img-caption">This is a caption</figcaption>
</figure>

Also, it is better to use just a normal pen and not a project when posting code to get help. I would also suggest having the test script on the page. Both will make it easier for people to give you help a bit faster.

1 Like

Thank u so much. I love you for this.

Yes I know I should be intergrading the link to the codepen to show the test scrip onto my test page instead of giving a seperate link. I tried follow the guide for this and got stuck…

1 Like

Happy to help.

When using a Codepen project you can add the link to the test script on the page. Put it just before the closing body tag.

...all other code
</body>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</html>

When using a normal Pen you do the same or use the Settings button and add the script link (just the link not the script tag) on the JavaScript tab.

1 Like

you really are a live safer XD
thnx again it’s appreciated :smiling_face_with_three_hearts: