Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

I am failing on:
2. Your #img-div, #image, #img-caption, #tribute-info, and #tribute-link should all be descendants of #main.

  1. You should have an element with an id of tribute-info.

  2. Your #tribute-info should not be empty.

However, from what I can see, my code fulfills all of these criteria?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <title>Peter Gabriel Tribute Page</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
  <main id="main">
    <h1 id="title">Peter Gabriel</h1>
    <figure id="img-div"><img id="image" src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Peter_Gabriel_%282023%29.jpg">
    <figcaption id="img-caption">A recent photo of Peter Gabriel.</figcaption>
    </figure
    <section id="tribute-info">Peter Gabriel is a well-known solo artist who initially sung and wrote for the band Genesis. He is more well known as a solo artist, as his work with Genesis lacked mainstream appeal.</section>


    <a id="tribute-link" href="https://petergabriel.com/" target="_blank">For more information click here.</a>
    </body>
  </main>
</html>

/* file: styles.css */
#image{
  max-width: 100%;
  max-height: 100%;
  align: center;
  display: block;
}

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

Hey there!

Your #main element is inside the body so it should be closed before the body element.

You can’t add the text straight inside a section element. You might wanna use another element to show your text instead.
Doing that would fix both the errors related to #tribute-info.
Good luck!

1 Like
3

Thanks for your advice @JuniorQ .

I’ve updated my code to read below, however it is still failing on the same points?

Thanks,

James

–

<!DOCTYPE html>
<html>
  <head>
    <title>Peter Gabriel Tribute Page</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
  <main id="main">
    <h1 id="title">Peter Gabriel</h1>
    <figure id="img-div"><img id="image" src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Peter_Gabriel_%282023%29.jpg">
    <figcaption id="img-caption">A recent photo of Peter Gabriel.</figcaption>
    </figure
    <p id="tribute-info">Peter Gabriel is a well-known solo artist who initially sung and wrote for the band Genesis. He is more well known as a solo artist, as his work with Genesis lacked mainstream appeal.</p>


    <a id="tribute-link" href="https://petergabriel.com/" target="_blank">For more information click here.</a>
    </main>
    </body>
</html>
4

Could you be missing something here? :slightly_smiling_face:
Good luck!

5

LOL! Oh dear, thank you!

1 Like