Tribute Page - Build a Tribute Page

Tell us what’s happening:
Describe your issue in detail here.
Your #img-div , #image , #img-caption , #tribute-info , and #tribute-link should all be descendants of #main .
It wants me to do this. But i dont know how.

Your code so far

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

   <title id="title">https://tribute-page.freecodecamp.rocks/</title>
    </head>
    <body>
      <div>
    <h1 id="tribute-info">Dr. Norman Borlaug</h1></div>
    <figure id="img-div">
    <h2>The man who saved a billion lives</h2>
    <div id="img-caption"><img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg">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.</div>
    </figure>
    
    <body id="tribute-info">
    
    <strong>Here's a time line of Dr. Borlaug's life:</strong>
    <ul>
      <li><strong>1914</strong> - Born in Cresco, Iowa</li>
      <li><strong>1933</strong> - Leaves his family's farm to attend the University of Minnesota, thanks to a Depression era program known as the "National Youth Administration"</li>
      <li><strong>1935</strong> - Has to stop school and save up more money. Works in the Civilian Conservation Corps, helping starving Americans. "I saw how food changed them", he said. "All of this left scars on me."</li>
      <li><strong>1937</strong> - Finishes university and takes a job in the US Forestry Service</li>
      <li><strong>1938</strong> - Marries wife of 69 years Margret Gibson. Gets laid off due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants.</li>
      <li><strong>1941</strong> - Tries to enroll in the military after the Pearl Harbor attack, but is rejected. Instead, the military asked his lab to work on waterproof glue, DDT to control malaria, disinfectants, and other applied science.</li>
      <li><strong>1942</strong> - Receives a Ph.D. in Genetics and Plant Pathology</li>
      <li><strong>1944</strong> - Rejects a 100% salary increase from Dupont, leaves behind his pregnant wife, and flies to Mexico to head a new plant pathology program. Over the next 16 years, his team breeds 6,000 different strains of disease resistent wheat - including different varieties for each major climate on Earth.</li>
      <li><strong>1945</strong> - Discovers a way to grown wheat twice each season, doubling wheat yields</li>
      <li><strong>1953</strong> - crosses a short, sturdy dwarf breed of wheat with a high-yeidling American breed, creating a strain that responds well to fertilizer. It goes on to provide 95% of Mexico's wheat.</li>
      <li><strong>1962</strong> - Visits Delhi and brings his high-yielding strains of wheat to the Indian subcontinent in time to help mitigate mass starvation due to a rapidly expanding population</li>
      <li><strong>1970</strong> - receives the Nobel Peace Prize</li>
      <li><strong>1983</strong> - helps seven African countries dramatically increase their maize and sorghum yields</li>
      <li><strong>1984</strong> - becomes a distinguished professor at Texas A&M University</li>
      <li><strong>2005</strong> - 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><strong>2009</strong> - dies at the age of 95.</li>
      </div>
      <div><i>"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</i></div>
</body>
<footer><strong>If you have time, you should read more about this incredible human being on his</strong><a href="https://en.wikipedia.org/wiki/Norman_Borlaug" id="tribute-link" target="_blank" value="wikipedia entry" ></a></footer>
</html>
/* file: styles.css */
Body{
  background-color: d7d7d7;

}

h1{
  font-size: 50px;
  padding: 50px;
  text-align: center;
}
div {
  display: center;
  justify-content: center;
  width: 50%;
}
h2{
  color: black;
  font-size: 20px;
  font-weight: 1rem;

  
  
  
}
#tribute-info {
    background: grey;
}
.img{
  display: block;
  max-width: 100%;
  height: auto;
  align-image: center;
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

hi there, I see your code, but did you have a question?

Your #img-div , #image , #img-caption , #tribute-info , and #tribute-link should all be descendants of #main .
It wants me to do this. But i dont know how.

You seem to be confusing the main element with the meta element.

The meta element is nested in the head element and has the charset attribute.

The main element is used outside the head element (below it usually or nested within the body element).
The main element is discussed in cat photo app step 5 ( so you can review it there)

Tell us what’s happening:
It still does not work :upside_down_face:

Your code so far

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

   <title id="title">https://tribute-page.freecodecamp.rocks/</title>
    </head>
    <body>
      
      <div>
        <main id="main">
    <h1 id="tribute-info">Dr. Norman Borlaug</h1></div>
    <figure id="img-div">

    <div id="img-caption">The man who saved a billion lives<img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg">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.</div>
    </figure>
    
    
    <body id="tribute-info">
    
   <div> <strong>Here's a time line of Dr. Borlaug's life:</strong>
   </div></main>
    <ul>
      <li><strong>1914</strong> - Born in Cresco, Iowa</li>
      <li><strong>1933</strong> - Leaves his family's farm to attend the University of Minnesota, thanks to a Depression era program known as the "National Youth Administration"</li>
      <li><strong>1935</strong> - Has to stop school and save up more money. Works in the Civilian Conservation Corps, helping starving Americans. "I saw how food changed them", he said. "All of this left scars on me."</li>
      <li><strong>1937</strong> - Finishes university and takes a job in the US Forestry Service</li>
      <li><strong>1938</strong> - Marries wife of 69 years Margret Gibson. Gets laid off due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants.</li>
      <li><strong>1941</strong> - Tries to enroll in the military after the Pearl Harbor attack, but is rejected. Instead, the military asked his lab to work on waterproof glue, DDT to control malaria, disinfectants, and other applied science.</li>
      <li><strong>1942</strong> - Receives a Ph.D. in Genetics and Plant Pathology</li>
      <li><strong>1944</strong> - Rejects a 100% salary increase from Dupont, leaves behind his pregnant wife, and flies to Mexico to head a new plant pathology program. Over the next 16 years, his team breeds 6,000 different strains of disease resistent wheat - including different varieties for each major climate on Earth.</li>
      <li><strong>1945</strong> - Discovers a way to grown wheat twice each season, doubling wheat yields</li>
      <li><strong>1953</strong> - crosses a short, sturdy dwarf breed of wheat with a high-yeidling American breed, creating a strain that responds well to fertilizer. It goes on to provide 95% of Mexico's wheat.</li>
      <li><strong>1962</strong> - Visits Delhi and brings his high-yielding strains of wheat to the Indian subcontinent in time to help mitigate mass starvation due to a rapidly expanding population</li>
      <li><strong>1970</strong> - receives the Nobel Peace Prize</li>
      <li><strong>1983</strong> - helps seven African countries dramatically increase their maize and sorghum yields</li>
      <li><strong>1984</strong> - becomes a distinguished professor at Texas A&M University</li>
      <li><strong>2005</strong> - 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><strong>2009</strong> - dies at the age of 95.</li>
      </div>
      <div><i>"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</i></div>
</body>
<footer><strong>If you have time, you should read more about this incredible human being on his</strong><a href="https://en.wikipedia.org/wiki/Norman_Borlaug" id="tribute-link" target="_blank" value="wikipedia entry" ></a></footer>
</html>
/* file: styles.css */
Body{
  background-color: d7d7d7;

}

h1{
  font-size: 50px;
  padding: 50px;
  text-align: center;
}
div {
  display: center;
  justify-content: center;
  width: 50%;
}
h2{
  color: black;
  font-size: 20px;
  font-weight: 1rem;

  
  
  
}
#tribute-info {
    background: grey;
}
.img{
  display: block;
  max-width: 100%;
  height: auto;
  align-image: center;
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

please do not create duplicate topics about the same challenge. Just reply back to the first topic you are using.
I have merged your duplicates here.

2 questions:

  • is meta a self-closing tag? [yes]
  • should the meta element have the id=“main”? [no]

Ok did that. But where do i put the <main>

the main element is supposed to delineate the content that you consider to be the ‘main’ part of your page. So you can put it somewhere inside the body element around the lines that are most important to the page.

btw. I noticed you have 2 body opening tags?

Ok i did that. Oh yes oops i removed the second body.
I now stil need it to be a decendent of #img-div , #image , #img-caption , #tribute-info , and #tribute-link

please post your new code in a code block like this
```
code in here
```

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

   <title id="title">https://tribute-page.freecodecamp.rocks/</title>
    </head>
    <body id="tribute-info">
      
      <div>
        
    <h1 id="tribute-info">Dr. Norman Borlaug</h1></div>
    <figure id="img-div">

    <div id="img-caption">The man who saved a billion lives<img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg">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.</img></div>
    </figure>
    <main id="main">
   <div> <strong>Here's a time line of Dr. Borlaug's life:</strong>
   </div>
    <ul>
      <li><strong>1914</strong> - Born in Cresco, Iowa</li>
      <li><strong>1933</strong> - Leaves his family's farm to attend the University of Minnesota, thanks to a Depression era program known as the "National Youth Administration"</li>
      <li><strong>1935</strong> - Has to stop school and save up more money. Works in the Civilian Conservation Corps, helping starving Americans. "I saw how food changed them", he said. "All of this left scars on me."</li>
      <li><strong>1937</strong> - Finishes university and takes a job in the US Forestry Service</li>
      <li><strong>1938</strong> - Marries wife of 69 years Margret Gibson. Gets laid off due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants.</li>
      <li><strong>1941</strong> - Tries to enroll in the military after the Pearl Harbor attack, but is rejected. Instead, the military asked his lab to work on waterproof glue, DDT to control malaria, disinfectants, and other applied science.</li>
      <li><strong>1942</strong> - Receives a Ph.D. in Genetics and Plant Pathology</li>
      <li><strong>1944</strong> - Rejects a 100% salary increase from Dupont, leaves behind his pregnant wife, and flies to Mexico to head a new plant pathology program. Over the next 16 years, his team breeds 6,000 different strains of disease resistent wheat - including different varieties for each major climate on Earth.</li>
      <li><strong>1945</strong> - Discovers a way to grown wheat twice each season, doubling wheat yields</li>
      <li><strong>1953</strong> - crosses a short, sturdy dwarf breed of wheat with a high-yeidling American breed, creating a strain that responds well to fertilizer. It goes on to provide 95% of Mexico's wheat.</li>
      <li><strong>1962</strong> - Visits Delhi and brings his high-yielding strains of wheat to the Indian subcontinent in time to help mitigate mass starvation due to a rapidly expanding population</li>
      <li><strong>1970</strong> - receives the Nobel Peace Prize</li>
      <li><strong>1983</strong> - helps seven African countries dramatically increase their maize and sorghum yields</li>
      <li><strong>1984</strong> - becomes a distinguished professor at Texas A&M University</li>
      <li><strong>2005</strong> - 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><strong>2009</strong> - dies at the age of 95.</li>
      </div>
      <div><i>"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</i></div>
</main>
</body>
<footer><strong>If you have time, you should read more about this incredible human being on his</strong><a href="https://en.wikipedia.org/wiki/Norman_Borlaug" id="tribute-link" target="_blank" value="wikipedia entry" ></a></footer>
</html>

you have duplicate id=“tribute-info” in the body tag and in the h1 tag
(you should only create unique ids)

the #main element is below the #img-div, so obviously this means that #img-div cannot descend from #main.
To be a ‘descendant’ that means to be a child or grand-child for eg. (that means the elements need to be nested within #main)

1 Like

Does UTF-8 require a hyphen?

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

   <title id="title">https://tribute-page.freecodecamp.rocks/</title>
    </head>
    <main id="main">
    <body id="tribute-info">
      
      <div>
        
    <h1>Dr. Norman Borlaug</h1></div>
    
    <figure id="img-div">

    <div id="img-caption">The man who saved a billion lives<img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg">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.</img></div>
    </figure>
    
   <div> <strong>Here's a time line of Dr. Borlaug's life:</strong>
   </div>
    <ul>
      <li><strong>1914</strong> - Born in Cresco, Iowa</li>
      <li><strong>1933</strong> - Leaves his family's farm to attend the University of Minnesota, thanks to a Depression era program known as the "National Youth Administration"</li>
      <li><strong>1935</strong> - Has to stop school and save up more money. Works in the Civilian Conservation Corps, helping starving Americans. "I saw how food changed them", he said. "All of this left scars on me."</li>
      <li><strong>1937</strong> - Finishes university and takes a job in the US Forestry Service</li>
      <li><strong>1938</strong> - Marries wife of 69 years Margret Gibson. Gets laid off due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants.</li>
      <li><strong>1941</strong> - Tries to enroll in the military after the Pearl Harbor attack, but is rejected. Instead, the military asked his lab to work on waterproof glue, DDT to control malaria, disinfectants, and other applied science.</li>
      <li><strong>1942</strong> - Receives a Ph.D. in Genetics and Plant Pathology</li>
      <li><strong>1944</strong> - Rejects a 100% salary increase from Dupont, leaves behind his pregnant wife, and flies to Mexico to head a new plant pathology program. Over the next 16 years, his team breeds 6,000 different strains of disease resistent wheat - including different varieties for each major climate on Earth.</li>
      <li><strong>1945</strong> - Discovers a way to grown wheat twice each season, doubling wheat yields</li>
      <li><strong>1953</strong> - crosses a short, sturdy dwarf breed of wheat with a high-yeidling American breed, creating a strain that responds well to fertilizer. It goes on to provide 95% of Mexico's wheat.</li>
      <li><strong>1962</strong> - Visits Delhi and brings his high-yielding strains of wheat to the Indian subcontinent in time to help mitigate mass starvation due to a rapidly expanding population</li>
      <li><strong>1970</strong> - receives the Nobel Peace Prize</li>
      <li><strong>1983</strong> - helps seven African countries dramatically increase their maize and sorghum yields</li>
      <li><strong>1984</strong> - becomes a distinguished professor at Texas A&M University</li>
      <li><strong>2005</strong> - 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><strong>2009</strong> - dies at the age of 95.</li>
      </div>
      <div><i>"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</i></div>

</body>
<footer><strong>If you have time, you should read more about this incredible human being on his</strong><a href="https://en.wikipedia.org/wiki/Norman_Borlaug" id="tribute-link" target="_blank" value="wikipedia entry" ></a></footer></main>
</html>

So this should be it right?

yes it does, nice catch

1 Like

main should go inside body

img is self-closing

some of your opening tags are missing closing tags, please go back and make sure every tag has its closing tag (unless it is self closing like img)

your meta tag charset should be UTF-8 with a dash in the middle

here’s a link to an online html validator

you can copy the code there and it will report back on all the syntax errors.
You should try to fix all the errors until you have clean code.

OMG i did it . I found the last with the checker. Thank you so mutch!!
I had a element with in the body, removed it and now passed.

1 Like