Tribute Page Isn't Giving Me 10/10

Tell us what’s happening:

I have completed 9/10 challenges, but I can’t find the last problem.

Your code so far


     <script src=""></script>

    <div id="main">
      <h1 id="title">Dare Devil</h1>
      <div id="img-div">
        <img id="image" src="">
        <div id="img-caption">
          <p id="tribute-info">This is a description of the image above.</p>
          <a href="#" id="tribute-link" target="_blank">Click For More</a>


#main {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;

#main #img-div img {
  width: 100%;
  max-width: 777px;

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:


A link to your CodePen would be quite helpful.

When you run the test script, you can click the 9/10 button and see the failing test. Underneath the test description should be an error message.

1 Like

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.


you can click on the 9/10 to see the failing user stories, and below it there is why it is failing.


Thank you guys! Let me give it a go, and i’ll be back with more questions if i need. :slight_smile:

Ok so my problem was solved by adding these CSS properties and values to my image selector:

display: block;
margin-left: auto;
margin-right: auto;

1 Like

cool, it worked for me too. thnx :smiley: