Tribute Page - Build a Tribute Page

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="" 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>
  <a href="styles.css" id="tribute-link" target="_blank"></a>

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


/* 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/ Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

try using the margin: 0 auto; on img selector

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