Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

I’m having trouble with tests 16, 17, and 19. All my code is there, but for some reason, it’s not showing up on the preview. Can anyone help with this problem and let me know if I did anything wrong?

Thank you so much, everyone.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <header>
    <meta charset="UTF-8">
  </header>
  <body>
    <main id="main">
      <h1 id="title">Gerolamo Cardano</h1>
      <p>The man who created complex numbers</p>
      <div id="img-div">
        <img id="image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Girolamo_Cardano._Stipple_engraving_by_R._Cooper._Wellcome_V0001004.jpg/440px-Girolamo_Cardano._Stipple_engraving_by_R._Cooper._Wellcome_V0001004.jpg">
        <figcaption id="img-caption">A portrait of Gerolamo Cardano</figcaption>
        <h2 id="tribute-info">If you would like to read more information, visit his <a target="_blank" id="tribute-link" href="https://en.wikipedia.org/wiki/Gerolamo_Cardano">wikipedia page</a></h2>
      </div>
    </main>
  </body>
</html>

/* file: styles.css */
img > #image {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

img {
  display: block;
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Challenge Information:

Tribute Page - Build a Tribute Page

2

read the note right before the button to run the tests

you have not linked the styles.css file to the html

also, img does not have any children, so img > #image is not selecting anything

3

thank you thank you thank you thank you my divine mercy