Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

• Failed:Your #img-div, #image, #img-caption, #tribute-info, and #tribute-link should all be descendants of #main.
• Failed:You should have an a element with an id of tribute-link.
• Failed:Your #tribute-link should have an href attribute and value.
• Failed:Your #tribute-link should have a target attribute set to _blank.

Please help. As far as I can tell I have met the requirements that it’s listing.

Your code so far

<!-- file: index.html -->
<html>
<link rel="stylesheet" href="styles.css">
<body>
  <title id="title">
    Dr. Catson Purrison
  </title>
  <main id="main">
  <div id="img-div">
    <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/3.jpg" alt="Professor" id="image"></img>
    <div id="img-caption">
      <p>
      Professor Catson Purrison
      </p>
    <p id="tribute-info">
      Bio-Science Engineer
    </p>
    <p>
      <a id="tribute-link " target="_blank" href="https://www.allenmortuaries.net/obituaries" value="cat-funeral">
      Obituary
      </a>
    </div>
    </p>
  </div>
</main>
</body>
</html>

/* file: styles.css */
#image{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
p{
  text-align: center;
}

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

6

Hi there!

The p closing tags must be placed after it’s content immediately. Also you should not have space after p opening tag.

Link and title elements should be placed within the head element before body element.

Remember, do not give unnecessary spaces before and after content within the p and title elements.

For #img-caption it is best practices, add caption element.

#tribute-link element should be goes after the #img-div and #img-caption elements.

7

hello!

Please put your code into this online html validator and fix all the issues reported first.
https://validator.w3.org/nu/#textarea

8

You’re not going to believe this!!! The ONLY issue was the space i accidently put after the "tribute-link " its so hard to see!!! Thank you all for your answers though I really appreciate the help.

1 Like
9

Hi there, I am glad you are pleased.

Please consider fixing the bugs in the code if you want people in the future who review your certificate to see that you know how to write clean code.