Tribute Page - Build a Tribute Page

I think i am turning blind I know i have made an error somewhere but I cant find it.The tests is telling me that I need to make an a element with an id of tribute-link but I believe I already have and its still not passing the tests. Can someone please help me find my error that I have made,thank you.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
<title>Tribute Page</title>
<link rel="stylesheet" href="styles.css">
  </head>
  <body>
<main id="main">
<div class="top">
<h1 id="title"> Martin Luther King Jr.</h1>
 <p class="description">The Cost Of Liberty</p>
</div>
<figure id="img-div">
<img id="image" src="http://cdn.history.com/sites/2/2014/01/mlk-1965-selma-montgomery-march-P.jpeg">
<figcaption id="img-caption">Martin Luther King being escorted</figcaption>
  </figure>
  
  <h2 id="tribute-info">Kings Timeline</h2>
  <ul id="tribute-link">
  <li>(1929) Martin Luther King is born on January 15th in Atlanta, Georgia</li>
  <li>(1932) Starts attending Sunday School</li>
  <li>(1939) World War 2 begins</li>
  <li>(1944) Martin Luther King attends Morehouse College in Atlanta</li>
  <li>(1945) World War 2 Ends</li>
  <li>(1947) Decides to become a minister and delivers his first sermon at the age of 18.</li>
  <li>(1948) Graduates from Morehouse College in Atlanta with a B.A. in Sociology at the age of 19 September 14: He begins attending Crozer Theological Seminary in Chester, Pennsylvania</li>
  <li>(1951) He graduates from Crozer with a Bachelor of Divinity degree at the age of 22 September. He begins studying systematic theology as a graduate student at Boston University.
</li>
  <li>(1953) Martin marries Coretta Scott</li>
  <li>(1954) Courts deemed segration of schools unconstitutional.</li>
  <li>(1955) Martin Luther King becomes the president of the Montgomery Improvement Association.</li>
  <li>(1956) His house gets fire bombed for leading the protest in favor of Rosa Parks
</li>
  <li>(1956) Blacks were allowed to take any seat on the public bus.
</li>
  <li>(1957) Martin Luther King Jr. is featured on Time Magazine. An unexploded bomb was found on his front porch.</li>
  <li>(1957) President Eisenhower sent in federal troops to escort black students to public school.</li>
  <li>(1958)Dr. King meets President Eisenhower.</li>
  <li>(1959) King is arrest for breaking Georgia's "trespassing law."</li>
  <li>(1961) Dr. King meets with President Kennedy to gain his support in the fight for civil rights. He also gets arrested in Albany,Georgia.</li>
  <li>(1963) Dr. King is arrested in Birmingham, Alabama for protesting discrimination in restaurants
</li>
<li>(1963) On August 28th, King gives his famous "I Have a Dream Speech" on the steps of the Lincoln Memorial.</li>
<li>(1964) He received the Nobel Peace Prize.</li>
<li>(1968)Dr. Martin Luther King was assassinated on a motel balcony in Memphis, Tennessee.</li>
  </ul>
  <div class="divider">
    
  </div>
  <a id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Martin_Luther_King_Jr" > Learn More</a>
    


    


  
</main>
  </body>
    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  </html>

/* file: styles.css */
body{
  font-family:Ultra,serif;
}

h1,.description{
  text-align:center;
  
  
}

img{
  max-width:100%;
max-height:100%;

display:flex;
justify-content:center;
align-items:center;
display:block;
  
}

#img-caption{
text-align:center;
 font-size:12px;
}

.timeline{
  background-color:black;
  color:white;
  text-align:center;
  border-radius:25px;
  font-family:
}

.description{
  margin-top:-10px;
  font-size:17px;

}

.top{
  background-color:red;
  color:white;
}
#tribute-link{
  
}

li{
  margin:10px;
}

.divider{
  border:2px solid black;
  border-radius:25px;
}
#tribute-info{
  background-color:black;
  color:white;
  text-align:center;
  border-radius:25px;
}









Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14909.132.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

You sholud not use “ul, li, ol” elements.Use “strong” instead.

1 Like

You forgot to use a “style” element before using the type selector.

1 Like

Don’t forget about its closing tag. And you should have an a element with an id of tribute-link.
Your #tribute-link should have an href attribute and value.
Your #tribute-link should have a target attribute set to _blank

1 Like

thank you for your feedback,but i thought i already did an a element with the id of tribute link did i do it wrong?

Where did you find an instruction to set max-height property in your img (CSS code)? ‘display’ set to flex? ‘margin’ left and right should be automatically positioned at center.

there was no instruction to use display set to flex I just wanted to practice using flex, but do you know how to fix my a element because its still not passing the test.

Do you have updated code? Please share if yes (hopefully you had a chance to look thru the comments you received already)

thank you for responding it still says that i need to to include an a element with an id of tribute-link could you help me with that thank you.

The test is finding two elements with the same id tribute-link.

So you have to use the value only once.

You can put your code in an online html validator to find this type of mistake for you.

I didn’t know that I just fixed the error and ran the tests and it passed. Thank you so much for your help and feedback!

1 Like