Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

figcaption have an id and is not empty but the test keep giving me a negative even though it is there.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en"></html>
<head>
  <meta charset="UTF-8">
  <title>Sato Hinata Tribute</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <main id="main">
    <label id="title">Sato Hinata</label>
    <label id="img-caption"></label>
    <figure id="img-div">
    <img id="image" src="https://cdn.myanimelist.net/images/voiceactors/2/49068.jpg" ></img>
    <figcaption id="img-caption">
      Image source: MyAnimeList
    </figcaption>
      </figure>
    <label id="tribute-info">Japanese Voice Actress</label>
    <label id="tribute-link-label"><a id="tribute-link" href="https://en.wikipedia.org/wiki/Hinata_Sat%C5%8D" target="_blank">Wikipedia</a></label>
    </main>
</body>

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

label{
  display: block;
  margin: 0px auto;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:120.0) Gecko/20100101 Firefox/120.0

Challenge Information:

Tribute Page - Build a Tribute Page

2

Hi there and welcome to our community!

This is the issue. All id attributes must be unique. You cannot use the same id attribute more than once in a single HTML document. You will need to remove or change this attribute.

Also, note that the img element is self-closing, so you don’t need a closing </img> tag.

1 Like
3

Oh I’m so blind, thanks for pointing this out

4

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