Tribute Page Isn't Giving Me 10/10

HTML-CSS
1

Tell us what’s happening:

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

Your code so far

HTML:

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

    <div id="main">
      <h1 id="title">Dare Devil</h1>
      <div id="img-div">
        <img id="image" src="https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fblogs-images.forbes.com%2Fmerrillbarr%2Ffiles%2F2018%2F10%2F155_RINGSIDE_313_Unit_00495R.jpg">
        <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>
        </div>
      </div>
    </div>

css:

#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:

2

Hello!

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
3

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.

markdown_Forums

4

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

2 Likes
5

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

6

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
7

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