Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:
So I’ve passed everything except for the last thing to do. It wants me to center my #image selector within its parent. Problem is i don’t know what it means by its parent and I don’t know how to do it. So I could really use some help please…

Your code so far

<!-- file: index.html -->
<main id="main">
  <title id="title">Tribute Page</title>
  <div id="img-div" id="image">
  <img id="image">
  <div id="img-caption"><h2>About Michael Jackson</h2></div>
  <img src="Michael Jackson Image" href="https://myhotposters.com/products/michael-jackson-black-and-white-poster" width="300" height="310">
  
  <div id="tribute-info"><p>Michael Jackson was an American African entertainer, a singer, and a songwriter.
    He was born August 29, 1958, in Gary, Indiana.
    He started to perform at the age of 5 years old</p>
  </div>
  <a href="styles.css" id="tribute-link" target="_blank"></a>

<link rel="stylesheet" href="styles.css">

</main>


/* file: styles.css */
body {
  background-color: #153243;
}

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

img {
  display: block;
  border-radius: 5%;
}
h2 {
  color: #B4B8AB;
}

p {
  color: #B4B8AB;
  font-size: 16px;
}

p:hover {
  color: #C7CCDB;
  transition: 1s;
  font-size: 18px;
}
body:hover {
  background-color: #2A324B;
  transition: 1s;
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

try using the margin: 0 auto; on img selector