Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
our #img-div , #image , #img-caption , #tribute-info , and #tribute-link should all be descendants of #main failed to understand.
Failed:You should have a figure or div element with an id of img-div.here i guess i need to know what they mean when they say descendants

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link ref="stylesheet" href="styles.css">
    <title>TRIBUTE PAGE</title>
  </head>
  <body>
<main id="main">
<h1 id="title">Dr.Norman Borlaug</h1>
<p>The man who saved a billion lives</p>
<figure id="image-div">
<img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" alt="Dr. Norman Borlaug, third from left,,trains biologists in Mexico on how to increase wheat yields .part of his war on hunger ">
</figure>
<figcaption id="img-caption" inline >Dr.Norman seen in the 2016 standing with agroup of biologists from Mexico on how how to increase the wheat yields.</figcaption>
</figure>
<section id="tribute-info">
  <h3>Here are some of the time line of Dr.Norman</h3>
  <nav>
    <ul>
      <li><strong>1992</strong> - Born in Uganda/Kampala </li>
      <li><strong>2012</strong> - He left his family farm and attended Makerere University where he earned his first degree in farming.</li>
      <li><strong>2005</strong> - He had to stop the school because of the hardships getting the money for school fees.<br>
      He worked so hard at ayoung age and he managed pass through the years of hustle. </li>
      <li><strong>2012</strong> - He said " Life is a real journey " these were his word and he mananged to go back the school  , what a win. </li>
      <li><strong>2013</strong> - He started his own farm and step by step he managed worked it out and having biggest farm in Uganda after all those years of hardwork and pain.</li>
      <li><strong>2014</strong> - He opened his farm to vistors where he started teaching on how make money from just farming and made the know they can be rich</li>
      <li><strong>2016</strong> - He recieved an award from the farmer's association in Uganda</li>
      <li><strong>2020</strong> - Corona Virus came and destroyed all of this plans he had set and so many rejects and falls in his life but he didn't stop</li>
      
    <li><strong>2021</strong> - His farm collapsed and destroyed the fire sadly</li>
    </ul>
  </nav>
   </section>
     <blockquote>"In this kind of life we are living be prepared for anything , because we don't know and we will never understand what is a head of us in this life , live your life and love your life while you still got it " Dr . Norman said ,,,,,,.</blockquote>
<h4>
  "If you would like to know more about this amazing human being visit" <a href="https://tribute-page.freecodecamp.rocks" id="tribute-link" target="_blank">Kuminamukaga <h4>
    </main>
  </body>
</html>



/* file: styles.css */
#image {
  max-width: 100%;
  height: auto;
  width: 500%;
  display: block;
  justify-content: center;
}
#image-div {

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

}
#title{
  text-align: center;
}
p{
 text-align: center; 
}
#img-caption{
  
}

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hiya. Descendants are defined in this step of the Cat Photo App.

In short, think of an HTML document like a family tree. Up at the top of the tree is the root html element. Inside of each nested element is it’s child elements or more aptly put it’s descendants.

So in essence, it wants you to make the elements with the ids of img-div , img-caption, tribute-info, tribute-link to be children of an element with an id of main.

Hope this helps. :slight_smile:

4

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