Tribute Page - Should have an a element with an id of tribute-link

HTML-CSS
1

Heya, I’m trying to do my tribute page certification and having issues with one last requirement.

      <a id="tribute-link" href="https://en.wikipedia.org/wiki/Eric_Flint_bibliography">View the complete bibliography on Wikipedia</a>

Failed:You should have an a element with an id of tribute-link.

Any clue why this is happening? Jostled around the terms a few times but doesn’t seem to be failing it on its order. I’ve scoured my document for any spare punctuation and don’t seem to have any missing or un-needed syntax. I can post the entire document if need-be.

Tribute Page Certification

2

Please paste all of your HTML in here.

3 
<!DOCTYPE html>
<html lang="en">
  <main id=main>
    <head>
      <meta charset="UTF-8">
      <link rel="stylesheet" href="styles.css" />
    </head>
    <body>
    

    <!-- Body 1 -->

    <h1 id="title"><a href="https://en.wikipedia.org/wiki/Eric_Flint">Eric Flint</a></h1>
    <div id="img-div">
      <p id="tribute-info"">The modern wordsmith of medieval America</p>
      <img id="image" class="center" src="https://upload.wikimedia.org/wikipedia/commons/c/ce/Eric_Flint.jpg" alt="Eric Flint.jpg"/>
      <figcaption id="img-caption">Eric Flint, 2007</figcaption>
      <link id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Eric_Flint"
      <p id="tribute-info"><br>Timeline of Flint's life:</p>
        
      <p id="timeline1">1947 - Born in 1947, Burbank California. Began working on his Ph.D in African history.<br><br>Supported himself through the years with a variety of jobs, including working for docks, factories and as a union head. He was a member of the Socialist Worker's Party.<br><br>1993 - Writers of the Future contest. Flint wins fourth quarter, spurring his liteary drive.<br><br>1997 - Flint publishes his first novel, Entropy and the Strangler.<br><br>1999 - Became a full-time writer, shortly becoming head of the Baen Free Library. He became a determinned anti-copy protection activist and edited many Science Fiction author's short works into anthologies, bringing many minor authors back from being completely out of print.<br><br>2008 - Donated his archive of unpublished works and personal effects to the department of Rare Books and Special Collections at Northern Illinois University.<br><br>2010 - Guest of honor for the 2010 NASFiC, ReConStruction.<br><br>2022 - Died in East Chicago at 75, the conclusion of a well-lived life.<br></p>

      <a id="tribute-link" href="https://en.wikipedia.org/wiki/Eric_Flint_bibliography">View the complete bibliography on Wikipedia</a>
    </div>
    </body>
  </main>
</html>

body {
  width: 100%;
  height: 100vh;
  min-width: 200px;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 0 2em 0;
  background-color: #a1a1a1
}

.center {
  margin-left: auto;
  margin-right: auto;
}

h1 {
  font-size: 50px;
  color: #111111;
  text-align: center;
  border-bottom: 10px groove #2c3fbb;
  max-width: 800px;
  min-width: 300px;
  margin: auto
}


img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height: auto;

}

p {
  font-size: 18px;
  text-align: center;
  margin: auto;
  padding: 18px;
}

div {
justify-content: center;
}
4

Preformatted text``Preformatted textThere’s some syntax errors that need to be fixed here.

The main element should not be above the head element, it should be inside the body element.

<main id=main>
    <head>
      <meta charset="UTF-8">
      <link rel="stylesheet" href="styles.css" />
    </head>
    <body>

A link element shouldn’t be used here. An anchor element should be used instead. There is also a missing closing tag.

<link id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Eric_Flint"

The img-div shouldn’t enclose anything after the img-caption. This is likely what is messing up that last test.

<div id="img-div">
      <p id="tribute-info"">The modern wordsmith of medieval America</p>
      <img id="image" class="center" src="https://upload.wikimedia.org/wikipedia/commons/c/ce/Eric_Flint.jpg" alt="Eric Flint.jpg"/>
      <figcaption id="img-caption">Eric Flint, 2007</figcaption>
      <link id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Eric_Flint"
      <p id="tribute-info"><br>Timeline of Flint's life:</p>
        
      <p id="timeline1">1947 - Born in 1947, Burbank California. Began working on his Ph.D in African history.<br><br>Supported himself through the years with a variety of jobs, including working for docks, factories and as a union head. He was a member of the Socialist Worker's Party.<br><br>1993 - Writers of the Future contest. Flint wins fourth quarter, spurring his liteary drive.<br><br>1997 - Flint publishes his first novel, Entropy and the Strangler.<br><br>1999 - Became a full-time writer, shortly becoming head of the Baen Free Library. He became a determinned anti-copy protection activist and edited many Science Fiction author's short works into anthologies, bringing many minor authors back from being completely out of print.<br><br>2008 - Donated his archive of unpublished works and personal effects to the department of Rare Books and Special Collections at Northern Illinois University.<br><br>2010 - Guest of honor for the 2010 NASFiC, ReConStruction.<br><br>2022 - Died in East Chicago at 75, the conclusion of a well-lived life.<br></p>

      <a id="tribute-link" href="https://en.wikipedia.org/wiki/Eric_Flint_bibliography">View the complete bibliography on Wikipedia</a>
    </div>
1 Like
5

Yep, didn’t notice I had put the div closing element so low, thanks a bunch for your code review!