Tribute Page - Build a Tribute Page

Tell us what’s happening:
Describe your issue in detail here.

I am getting the error " Your #image should be centered within its parent."
Ive tried fixing it on my own but dont know what im doing wrong.
Your code so far

<!-- file: index.html -->
<!DOCTYPE hmtl>
<html lang="en">
<meta charset="UTF-8"/>
<title id="title">Color Experts Beauty Salon</title>
<link href="styles.css" rel="stylesheet/">
<h1 id="name" class="title">Color Experts Beauty Salon</h1>
  <main id="main">
  <div id="img-div">
    <img id="image" src="">
    <figcaption id="img-caption">A beauty salon</figcaption>
      <h2 id="tribute-info">Come book an appointment with us.
        <a id="tribute-link" href="" target="_blank">

/* file: styles.css */
  border: 10px;

  text-align: center; 
  border: 30px; 


  width: 75%;
  margin: 50px auto 50px 60px; 
  max-width: 100%;
  max-height: auto;
  align-items: center;
  display: block;

  background-color: gray;


color: silver

#img-div img{
  display: block;
  flex-wrap: center;
  text-align: center; 
  justify-content: center;


Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

try setting the left and right margin to auto so it centers it

1 Like

Thank you! That worked!

1 Like

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