Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

I did all the steps correctly but this error notification " Your #img-div , #image , #img-caption , #tribute-info , and #tribute-link should all be descendants of #main . " persit again :roll_eyes:
So, how can I fix it ?
Ps: the code seems correct!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title id="title">Who Is Richard Dawkins?</title>
</head>
<body>
  <header>
    <h1>Richard Dawkins</h1>
    <p>Evolutionary biologist and author of "The Selfish Gene"</p>
  </header>
  <main id="main">
    <figure id="img-div">
      <img id="image" src="https://www.theguardian.com/science/2016/feb/14/church-of-england-defends-prayer-tweet-for-richard-dawkins-after-stroke"  alt="Richard Dawkins speaking at the British Humanist Association Annual Conference">
      <figcaption id="img-caption">Image of Richard Dawkins speaking at the British Humanist Association Annual Conference</figcaption>
    </figure>
  <section id="tribute-info">
      <h3>Richard Dawkins' Life Highlights</h3>
      <ul>
        <li><strong>1941:</strong> Born in Nairobi, Kenya</li>
        <li><strong>1949:</strong> Moved to the United States</li>
        <li><strong>1962:</strong> Earned a degree in zoology from Balliol College, Oxford</li>
        <li><strong>1966:</strong> Received a master's degree in science and a doctorate in philosophy</li>
        <li><strong>1967-1969:</strong> Served as an assistant professor of zoology at the University of California, Berkeley</li>
        <li><strong>1976:</strong> Published his first book, "The Selfish Gene"</li>
        <li><strong>1982:</strong> Developed the selfish gene theory and published his second book, "The Extended Phenotype"</li>
        <li>...</li>
      </ul>
      <blockquote>
        "Dawkins' citations..............."<br>
        -- Richard Dawkins
      </blockquote>
  </section>
  </main>
  <footer>
    <h3>Learn More About Richard Dawkins:</h3>
    <a id="tribute-link" href="https://en.wikipedia.org/wiki/Richard_Dawkins" target="_blank">Wikipédia</a>
  </footer>
</body>
</html>


/* file: styles.css */
img {
  display: block;
}

#image {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.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!

1 Like
3

How can I edit rhe template ?

4

It looks like you’re missing a couple. I don’t see img-div or tribute-link

2 Likes
5

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