Tribute Page - Build a Tribute Page

**Tell us what’s happening:i’ve set my image display to block, max-width to 100% and centered the image with its parent, why isnt my code getting passed for the same solutions?
Describe your issue in detail here.

**Your code s

Dr. Norman Borlaug

Dr. Norman Borlaug

The man who saved a billion lives

Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.

Here's a time line of Dr. Borlaug's life:

  • 1970 - dies at the age of 95.
  • - receives the Nobel Peace Prize
  • 1983 - dies at the age of 95.
  • - helps seven African countries dramatically increase their maize and sorghum yields
  • 1984 - dies at the age of 95.
  • - becomes a distinguished professor at Texas A&M University
  • 2005 - dies at the age of 95.
  • - states "we will have to double the world food supply by 2050." Argues that genetically modified crops are the only way we can meet the demand, as we run out of arable land. Says that GM crops are not inherently dangerous because "we've been genetically modifying plants and animals for a long time. Long before we called it science, people were selecting the best breeds."
  • 2009 - dies at the age of 95.

"Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellect, persistence and scientific vision can make to human peace and progress."

-- Indian Prime Minister Manmohan Singh

If you have time, you should read more about this incredible human being on his Wikipedia entry.

o far**
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Dr. Norman Borlaug</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <main id="main">
    <h1 id="title">Dr. Norman Borlaug</h1>
    <div class="image-container" id="img-div">
     <h2>The man who saved a billion lives</h2>
      <img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg"></img>
    <figcaption id="img-caption" class="caption">Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.</figcaption>
    </div>
    <div class="life">
      <p class="header-life">Here's a time line of Dr. Borlaug's life:</p>
      <ul id="tribute-info">
        <li><span class="bold">1970</span> - dies at the age of 95.</li>
      - receives the Nobel Peace Prize</li>
        <li><span class="bold">1983</span> - dies at the age of 95.</li>
      - helps seven African countries dramatically increase their maize and sorghum yields</li>
        <li><span class="bold">1984</span> - dies at the age of 95.</li>
      - becomes a distinguished professor at Texas A&M University</li>
        <li><span class="bold">2005</span> - dies at the age of 95.</li>
      - states "we will have to double the world food supply by 2050." Argues that genetically modified crops are the only way we can meet the demand, as we run out of arable land. Says that GM crops are not inherently dangerous because "we've been genetically modifying plants and animals for a long time. Long before we called it science, people were selecting the best breeds."</li>
        <li><span class="bold">2009</span> - dies at the age of 95.</li>
      </ul>
    </div>
    <div id="quote-container">
      <p class="quote">"Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellect, persistence and scientific vision can make to human peace and progress."</p>
      <p class="quote-author">-- Indian Prime Minister Manmohan Singh</p>
    </div>
    <h2>If you have time, you should read more about this incredible human being on his <a id="tribute-link" href="https://en.wikipedia.org/wiki/Norman_Borlaug" target="_blank">Wikipedia entry</a>.</h2>
    </main>
    <body>
</html>
/* file: styles.css */
*{
  padding: 0;
  margin: 0;
}

h1{
  padding: 20px;
  font-family: arial;
}

h2{
  font-size: 20px;
  background-color: #1a1a32;
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
}

body{
  background-color: beige;
  font-family: sans-serif;
  text-align: center;
}

.image-container {
  margin: auto;
  padding: 30px;
  background-color: #1a1a32;
  color: white
}

.image {
  object-fit: center;
  border-radius: 10px;
  max-width: 100%;
  display: block;
  margin: auto;
  height: auto;
}


image {
  display: block;
}


.caption {
  padding: 5px;
}

.life {
  padding: 30px 70px;
  max-width: 600px;
  margin: 10px auto;
  background-color: #1a1a32;
  color: white;
  text-align: left;
}

.header-life {
  font-size: 20px;
  font-family: arial;
  padding: 30px;
  text-align: center;
}

.bold {
  font-weight: bold;

}

li{
  margin: 20px;
}

.quote {
  margin: 30px 30px 5px;
  font-style: italic;
}

.quote-author {
  text-indent: 30px
}

a{
  color: #99f;
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

I suggest try adding <a id of “tribute-link” href of “” and target=“_blank” within the main element to see if that works for you.

can you give some more information?
for example, what stories is it saying are not completed?
which tests are showing as not passing?

If your sure its your image thats the problem , there are a few ways I’d go about trouble shooting.

you could comment out parts of the code, and add them back in one at a time, to see how the tests change.
try using slightly different variables.

Take look at the example code using inspector to see how their code compares.
(if you right click on an element on any webpage, then click inspect this will bring up the code used to build that page, this is a great way to learn)

sometimes things don’t get properly cantered due to the scrollbar, there are a few ways you can get rid of it. (however I do not think this is the problem)

as a last resort, I’d suggest if nothing else helps, to look online for other peoples entries.
*I stress this should be a LAST resort. *
It can help to watch others on youtube create a similar project, since problems often get explained in the videos as they crop up.

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