Build a Tribute page

Hey I’ve seen a bunch of people looking for help on this and I wanted to see if you guys could take a look and see why this is not passing. I’ts the last step on the 2nd certificate for HTML/CSS to build a tribute page. IDK why it says its not centered when it obv is please help.

body {
  background-color: rgb(100,100,100);
  color: white;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 21px; 
  }
  img-div {
  text-align: center;
  height: auto;
  max-width: 100%;

  }
  img{
  max-width: 100%;
  padding: 5px;
  border: 0px;
  display: block;
  height: auto;
  margin: 0 auto;
  position: auto;
  }
  
 ul {
    padding: 0;
  }
  li {
    text-align: left;
    max-width: 70%;
    margin: 16px auto;
    padding-left: 1em;
  }
<!doctype html>
<html lang="en">
  <head> 
   <meta charset="utf-8">
   <meta name="description" content="A story about my father" />
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="styles.css">
   <title id="title">This is a story about my father</title>
 </head>
  <main id="main">
    <section>
    <figure id="img-div">
      <h1> Julian Rios SR.</h1>
      <p>The man who changed him life and saved mine</p>
       <img id="image" alt="me and my father olding up casino chips" src="https://scontent-lax3-1.xx.fbcdn.net/v/t1.6435-9/81342652_2768492273211560_4000354705820614656_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=5f2048&_nc_ohc=PFivci2KQrcQ7kNvgF1o3M2&_nc_ht=scontent-lax3-1.xx&oh=00_AYA3ftmNRUulFsRo33LuJxjJSAhGtbVfRMc23Ep-qcheiw&oe=666C475F">
       <figcaption id="img-caption">Hes the best dad anybody could ask for and I'm extremely proud to say I'm his son</figcaption>
    </figure>
   </section> 
    <section>
      <h2 id="tribute-info">Here is a timeline of some of his greatest accomplishments</h2>
      <ul>
        <li>He beat the system and saved his life.</li>
        <li>Never took any handouts and made his own way like a man should</li>
        <li>Always made the right choice as a father</li>
        <li>Took 1st place in a tournament all the way in Colorado</li>
        <li>Taught his kids Jiu-Jitsu</li>
        <li>supported his kids in all their ambitions</li>
        <li>Bought multiple properties and created stability for a home</li>
        <li>broke the never ending family cycle of making the worst possible decisions</li>
      </ul>
      <p>My father is amazing and I will always trust him to make the right decision.</p>
      <h3><a id="tribute-link" href="https://scontent-lax3-2.xx.fbcdn.net/v/t1.6435-9/81426566_2768494263211361_1588017364027310080_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=5f2048&_nc_ohc=Q2Id4TMdhsgQ7kNvgHPTtxD&_nc_oc=AdiiSoC-LK4DTrDKcYG2reVwFBfRk7E56qOHQE-k_BZcZPsny_pYR9oa0u3S0qAbqFB3SRs7vThIJVjEgrQfoWVr&_nc_ht=scontent-lax3-2.xx&oh=00_AYDsl1HO4XTOuUqVAwSjctuuw5ghqdJv1HM3ugCLUUvlOA&oe=666C79F2" target="_blank">Click here</a> if you want to see a photo of all of all of us together</h3>
    </section>
  </main>
</html>```

Hi there and welcome to the forum!

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

Your solution works for me if I remove the padding property from the img selector.
That padding doesn’t achieve anything especially practical in this case, as all it does is shrink the image very slightly inside its parent div. It does appear to prevent the final test from passing though.

1 Like

I removed the padding and it worked! thank you so much i was scratching my head for hours

1 Like