Tribute Help Please

I have all ticks for this project apart from

  • Failed:Your img element should have a display of block.

  • Failed:Your #image should have a max-width of 100%.

  • Passed:Your #image should have a height of auto.

  • Failed:Your #image should be centered within its parent.

My CSS code looks like this. I looked through a video walkthrough after going through every option, and it looks like this. What am I missing?

img {
display: block;
}

#image {
height: auto;
max-width: 100%;
margin: auto;
}
h1 {
text-align: center;
}

<!DOCTYPE>
<html lang="en">
  <head>
    <meta charset="utf"
    <meta name="viewport" content="width=device-width" initial-scale="1.0"

    <link rel="stylesheet" href="styles.css">
      <main id="main">
    <h1 id="title">Dr Bob Rotella</title></h1>
    <div id="img-div">
      <img id="image" src="https://golfdigest.sports.sndimg.com/content/dam/images/golfdigest/fullset/2015/07/21/55ad903cadd713143b42fca2_magazine-2008-06-maar01_rotella.jpg.rend.hgtvcom.1280.914.suffix/1573451435755.jpeg"></img>
      <figcaption id="img-caption">Dr Bob Rotella</figcaption>
      <div id="tribute-info"><p>The father of golf pyschology</p></div>
      <a id="tribute-info" href="https://www.golfdigest.com/story/rotella" target="_blank"><p>The Man</p></a>
      <a id="tribute-link" href="https://www.golfdigest.com/story/rotella" value="" target="_blank"><p>Find out more here</p></a>
    </div>
    </main>
    </head>
  </html>

CSS

img {
  display: block;
}

#image {
  height: auto;
  max-width: 100%;
  margin: auto;
  }
h1 {
  text-align: center;
}

Despite that it works apart from the failed elements, with ticks throughout, and I have tried to keep it simple indeed.

I can change points 1 to 3, point 4, I’m sure it says the Meta is self closing. I don’t see how those changes would affect the failed elements, so what would help with those?

Apologies I was wrong, closing the Meta made it work. Thank you for your help.

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