Tribute Page with 2 erros, please help

HTML-CSS
1

Tell us what’s happening:
I’m getting 2 erros on the tribute page:

2

It would be helpful if you posted a link to you pen otherwise all anyone can do is guess.

That said, when tests fail click the red button to see which test(s) are failing and text to help you correct the issue. Be sure and read more than just the first line of the failing message.

1 Like
3

I thought it was attached to the post.

I checked the errors, tried to solve but it wouldn’t work.

Here it’s: https://codepen.io/rodrigoitit/pen/PobZxEo

4

This are the errors, I put attached:
(upload://rNt4Xf0q4xAI5GMBTp7Wf4HkW5W.jpeg)

5

As stated, read the entire failing message. The first one says;

I should see an <a> element with a corresponding id="tribute-link", which links to an outside site that contains additional information about the subject of the tribute page. HINT: You must give your element an attribute of target and set it to "_blank" in order for your link to open in a new tab (i.e. target="_blank").  
<a> element with id="tribute-link" must contain an href attribute

Here’s a clue. An id must be unique within the document

The second failing message says;

The <img> element should be centered within its parent element.
Image is not centered: expected 0 to be close to 174.90625 +/- 11
AssertionError: Image is not centered: expected 0 to be close to 174.90625 +/- 11

This is a little tougher but you’re tasked with centering the image within its parent element.
Hint, there’s probably something that can be done with the margin to help you accomplish this.

On a side note;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>)
    • The test script should be included, with all tests passing, when you submit your projects.
  • don’t try and replicate the sample projects. The instructions say to make yours functionally similar and to give it your own personal style.
6

Man, you are awesome.

I had put the same id without seeing it. So I erased the one in

and done.

the other one I had to put into the img: display: block and margin: auto as you suggested to review and now it’s perfect!

Thank you so much.

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.