Tribute Page - Build a Tribute Page

Tell us what’s happening:
Hey guys, I’m getting 4 issues:
-Have an “a” element with id of “tribute-link”
-tribute link should have href and value attribute.
-set target attribute to “_blank”.
(all of these 3 are screwing with my brain cuz I swear I typed it right, but obviously something is up)
-Final one, image needs to be centered to its parent; I’m straight up drawing a blank here, this is the one that’s making me lose sleep at night lol. Any help is appreciated. ty.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Satoshi Nakamoto</title>
 <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <main id="main">
   <h1 id="title">Satoshi Nakamoto</h1>
   <div id="img-div">
   <img id="image" src="https://www.shutterstock.com/image-photo/budapest-hungary-12302021-daylight-portrait-260nw-2100159757.jpg">
    <figcaption id="img-caption">The man, the myth, the legend!</figcaption>
  </div>
   <div class="tribute-info" id="tribute-info">
    <p>Here's a timeline of Nakamoto's life:</p>
    <p>-2009: created bitcoin.</p>
    <p>-2010: disappeared from the world. </p>
  </div>
  <div class="tribute-link" id="tribute-link">
    If you want to read Nakamoto's white paper, check out this <a id="tribute-link" value="tribute-link" href="https://www.bitcoin.org/bitcoin.pdf" target="_blank">link</a>.
  </div>
  </main>
</body>
</html>
/* file: styles.css */
img {
  display: block;
  max-width: 100%;
  height: auto;
  padding-left: 200px;
  padding-bottom: 5px;
  text-align: center;
}

body {
  font-family: Tahoma;
  background-color: orange;
  text-align: center;
}

.tribute-info {
  padding-top: 10px;
  border: solid;
}

.tribute-link {
  padding-top: 60px;
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

step one to help you is to get rid of all the syntax errors you have.
To find them all, use this online html validator tool

Copy your code into it and it will report all the errors to you.

I appreciate the info, but this made more “x’s” show up than check marks for the test :sweat_smile:

This tribute page is really kicking my ass!

EDIT: Figured out the issue with the link! I had two “ID”, one in the link, one in the Div element. Changed the DIV element to “value” instead of “ID”, and it fixed 3/4 issues! Now if i could just figure out this damn centering of this image per parent element, I’d be golden!

EDIT#2: Figured it out; my padding values were throwing off my image off center. So I set padding and margin to auto, and voila, project complete :sunglasses: