Tribute Page - Build a Tribute Page

Tell us what’s happening:
Describe your issue in detail here.
Good Day I am struggling to pass my code, it says I must add the <a element with its attributes and I have done that but it is not passing please help

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8"></meta>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <main id="main">
      <h1 id="title">Nelson Mandela</h1>
      <p>A Man Who United A Nation</p>
      <div id="img-div">
      <img id="image" src="https://ichef.bbci.co.uk/news/976/mcs/media/images/48449000/jpg/_48449180_rexfeatures_151800c.jpg" alt="Nelson Rolihlahla Mandela"></img>
      <div id="img-caption">President of South Africa from 1994 to 1999
      </div></div>
      <div id="tribute-info" src="http://www.idainternational.org/wp-content/uploads/2015/04/Nelson-Mandela.jpg">
        <p><strong>The life of Rolihlahla Mandela:</strong></p>
        <p id="tribute-link"><ul><li>Writer, President (non-U.S.), Civil Rights Activist.</li>
        <li><strong>1918</strong>-Born in Eastern Cape, on 18 July.</li>
        <li><strong>1961</strong> co-founded the militant Umkhonto we Sizwe</li>
        <li><strong>1962</strong>- Mandela spent 27 years in prison for political offences.</li>
        <li><strong>1991-1997</strong> President of the African National Congress (ANC) party</li>
        <li><strong>1993</strong>-Mandela received more than 260 awards over 40 years, most notably the Nobel Peace Prize</li>
        <li><strong>1994-1999</strong> Presidency of South Africa.</li> 
        <li><strong>2013</strong>-He was put to rest</li></p>
        <div id="quote">
Boehmer described him as "a totem of the totemic values of our age: toleration and liberal democracy" and "a universal symbol of social justice".  
     </div>
 <h3>You can read more about his life here <a id="tribute-link"
      href="https://en.wikipedia.org/wiki/Nelson_Mandela" target="_blank">Wikipedia.</a></h3>
      </div>
  </main>
  </body>
</html>

/* file: styles.css */
#image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}
#main{
  margin: 30px auto;
  padding: 15px;
  border: thin solid #5D4037;
  border-radius: 5px;
  background: #EEEEEE;
  text-align: center;
  font-size: 20px;
  font-family: Helvetica; 
  }

#title{
  font-size: 36px;
  font-family: "Comic Sans MS", Georgia;
  text-align: center;
  color: #795548;
  margin: 0px auto;
  text-transform: uppercase; 
}
#title-cap{
  margin: 5px;
}
#img-div{
  margin: 0px;
  width: 100%;
  border:5px solid white;
  background: #BDBDBD;
}
#img-caption{
  margin: 5px; 
}
#tribute-info{
  text-align: left;
}
#quote{
  background: #BDBDBD;
  text-align:center;
  padding: 15px;
}
#tribute-link{
  font-style: italic;
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

Welcome to our community!
This is not allowed:

<div id="tribute-info" src="http://www.idainternational.org/wp-content/uploads/2015/04/Nelson-Mandela.jpg">

You have too many blank spaces in your code here:

Okay I removed the spaces but still my code wont run

Did you correct the first thing I put in my comment?
Another thing: the ‘meta’ element is self-closing. You don’t need the closing ‘meta’ tag.
Your <ul> element doesn’t have the closing tag (</ul>).

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