Tribute Page - Build a Tribute Page

Tell us what’s happening:
Describe your issue in detail here.
The problem I’m having is what part of the code is not being accepted. The solution requires I have and img element with an id of image and You should have a figcaption or div element with an id of img-caption. Adding an attribute isn’t complicated. From my understanding it follows the properties of 'attribute="identifier, which I’ve done. What’s wrong with my code as to why it’s not acceptable??
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title id='title'>Tribute Page</title>
    <link rel="stylesheet" href="style.css">
    <main id='main'>
      <figure id="image"></figure>
      <figure id="img-div">
        **<img id="image"** src="">
      <figure id='img-div'>
      <figure id="img-caption">
        **<figcaption id="img-caption">**Huey P. Newton holding a shotgun</figcaption>
      <figure><p id="tribute-info">Huey Pierce Newton was co-founder of the Black Panther Party for Self-Defense</p>
      <p>Origin of the <a id="tribute-link" href=",defense%2C%20particularly%20against%20police%20brutality." target="_blank">Black Panther Party<a/> for Self-Defense</p>
/* file: styles.css */
image {
  display: block;
  height: auto;
  max-width: 100%;
  align-items: center;

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

HI @bdavidprice !

Welcome to the forum!

You have a few issues with your code.

You need to use the correct file name here

You can’t have duplicate ids.
You wrote id=image twice.

same goes for img-div
You can’t have duplicate ids.

It looks like you don’t need all of these figure elements.
It looks like using one figure element will do the trick

Your image is not showing up on the page.
You can try this image address instead

       <img alt="Huey P. Newton" id="image" src="">

Overall, you need to do some cleanup in your html and then the tests will start passing


For your css, image is not an HTML element.
You need to change this to target the id called image instead

Thank you so much for your help. I didn’t know I could have too much code.

I enjoyed the breakdown, but I seems to have similar issues, image not showing on the browser, how do I rectify this? Thank you once more

HI @Agada !

Please create a a new topic with your question and code and people can help you from there.