Tribute Help Please

HTML-CSS
1

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;
}

2

Without being able to see your full project code (HTML && CSS) it is hard to say.

3 
<!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;
}
4

You have several issues:

  1. Your DOCTYPE declaration is not correct.
  2. Your head element not is entirely in the correct location.
  3. You have no bodyelement.
  4. You are missing a character that closes off both of your meta elements.

You really should go back and review the practice projects because you seem to not understand basic HTML syntax. Also, it looks like you did the bare minimum to try and claim a certification.

5

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?

6

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