Hello guys, am currently doing Build a Tribute Page Project

HTML-CSS
1

Tell us what’s happening:
I messed my first post, just gonna post this one.
So I can’t seem to get passed the second condition which states that “Your #img-div, #image, #img-caption, #tribute-info, and #tribute-link should all be descendants of #main”.

The way I understand this condition is to add all the elements related to the specified ids in the #main id element.

But it seems my approach is not it, can someone help?

Your code so far

/* file: index.Ext.html */



<!Doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Akira Toriyama Tribute Page</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body> 
    <main id="main">
      <h1 id="title">Akira Toriyama</h1> 
      <p class="h5">One of the men responsible for the evolution of anime.</p>
      <figure id="img-div">
        <img id="image" src="https://wpdash.medianewsgroup.com/wp-content/uploads/2024/03/Japan_Obit_Dragon_Ball_05838.jpg">
        <caption id="img-caption">Considered a living legend for making a masterpiece which influenced not only Japan, but the entire world.</caption>
      </figure>
      <hr>
      <p class="come"><strong>Let's take a look at this great man's short story.</strong></p>
      <ul id="tribute-info">
        <li>Akira Toriyama was born in the town of Kiyosu, Aichi Prefecture Japan in <strong>1955</strong> April 5.</li>
        <li>He spent most his school years hanging out with friends and doing art. He then worked for an ad company where he used his art to draw posters.</li>
        <li>In <strong>1978</strong>, he quit his Job. In that same year he started submitting the Weekly Shonen Jump. He kept doing it with the encouragement of Torishima and because his works were flops and couldn't let that slide.</li>
        
        <li>The film was well taken as more films and series like Resurrection F and Dragon Ball Super were been released which featured more of Toriyama's contributions.</li>
        <li>In <strong>2024</strong> March 1, the legend dies of an acute subdural hematoma at the age of 68. Living behind the masterpiece series which shaped many people's childhood around the world. We will forever remember you and the contribution you've made to this world.</li>
      </ul>
      <hr> 
      <p class="more">If you wish to learn more. Visit Akira Toriyama on 
      <a id="tribute-link" target="_blank" href="https://en.m.wikipedia.org/wiki/Akira_Toriyama">Wikipedia.</a></p>
    </main>
  </body>
</html>


    



























    
    
    

























    






/* file: styles.Ext.css */



<!Doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Akira Toriyama Tribute Page</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body> 
    <main id="main">
      <h1 id="title">Akira Toriyama</h1> 
      <p class="h5">One of the men responsible for the evolution of anime.</p>
      <figure id="img-div">
        <img id="image" src="https://wpdash.medianewsgroup.com/wp-content/uploads/2024/03/Japan_Obit_Dragon_Ball_05838.jpg">
        <caption id="img-caption">Considered a living legend for making a masterpiece which influenced not only Japan, but the entire world.</caption>
      </figure>
      <hr>
      <p class="come"><strong>Let's take a look at this great man's short story.</strong></p>
      <ul id="tribute-info">
        <li>Akira Toriyama was born in the town of Kiyosu, Aichi Prefecture Japan in <strong>1955</strong> April 5.</li>
        <li>He spent most his school years hanging out with friends and doing art. He then worked for an ad company where he used his art to draw posters.</li>
        <li>In <strong>1978</strong>, he quit his Job. In that same year he started submitting the Weekly Shonen Jump. He kept doing it with the encouragement of Torishima and because his works were flops and couldn't let that slide.</li>
        
        <li>The film was well taken as more films and series like Resurrection F and Dragon Ball Super were been released which featured more of Toriyama's contributions.</li>
        <li>In <strong>2024</strong> March 1, the legend dies of an acute subdural hematoma at the age of 68. Living behind the masterpiece series which shaped many people's childhood around the world. We will forever remember you and the contribution you've made to this world.</li>
      </ul>
      <hr> 
      <p class="more">If you wish to learn more. Visit Akira Toriyama on 
      <a id="tribute-link" target="_blank" href="https://en.m.wikipedia.org/wiki/Akira_Toriyama">Wikipedia.</a></p>
    </main>
  </body>
</html>

Your mobile information:

TECNO PR651H - Android 11 - Android SDK 30

Challenge: Build a Tribute Page Project - Build a Tribute Page

Link to the challenge:

2

Hi again!
So I think the problem is here. It says you should either use figcaption or div. so change the caption to one of those, you will still get some errors but I think you can solve it once you go through this.
Good luck!

1 Like
3

Thanks a lot, after seen your post I realized there’s a difference between the caption element and the figcaption.
But it seems I have to redo some parts I cut off, which made think me think it was because of the length.
But anyways thanks and happy coding.

4

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