Tribute Page Panic

1

Hi! I have 9/10 and am stuck on " element should be centered within its parent element.". Can someone help me understand what I am doing wrong? Big thanks for support! #newbie

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<main id="main"> 
  <h1 id="title"><center>Gigit.com</center></h1>
  
  <figure id="img-div"> <img id="image" src="https://storage.googleapis.com/orchestra-cafe-7jp1kqsp/uploads/2017/10/jobba-hemifran-1.jpg" 
alt="Jobba hemifrån"/>
  
 <figcaption id="img-caption"><center>Gigit hjälper dig att bygga din arbetsdag som du önskar att ha det. Skapa en pofil redan idag och börja jobba redan imorn!</center></figcaption>
  </figure>
<section id="tribute-info">
  <h3 id="headline"><center>Varför du ska välja att jobba med Gigit:</center></h3>

<ul>
 <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>

 <li>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>

<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li> </ul>

<a id="tribute-link" href="https://www.breakit.se/" target="_blank"><center>Läs mer här<center></a>        
  
</section>
</main>


body { 
background-color: #FAEBD7;
  font: Arial;
}
@media (max-width: 460px) {
h1 {
  color: #808080; 
  margin-bottom: 0;
}
}

h2 {
  font-size: 20px;
  color: #a9a9a9;
  font-style: italic;
}

h3 {
  font-size: 35px;
  color: #808080;
  margin: 40px 0;
 
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-style: groove;
  border-width: 10px;
  

  
}

#img-caption {
  margin: 15px 0 5px 0;
}

li {
  font-size: 18px;
  color: #808080;
  margin-top: 40px;
  margin-bottom: 25px;
}
figcaption {
   font-size: 15px;
  color: #808080;
  margin-top: 5px;
   font-style: italic;
}

a {
  font-size: 15px;
  color: #808080;
  font-size: 20px;
  
}
2

which element is not centered?

3

Hey @maria.pogosjan,

Welcome to the forum. Could you be so kind as to share your codepen link so that we can help you?

4

The img element! Thanks for answering :blush:

5

@maria.pogosjan, looks like you fixed it. All tests are passing. Good job!

6

No, I still have not :frowning: Can you maybe see what I am doing wrong?

7

https://codepen.io/mariapogge/pen/wvKMGVM

THANKS! :smiley:

8

Hey @maria.pogosjan,
There is nothing wrong in your code. I have checked your page and all tests are passing.

Maybe its because of your browser cache? Could you try with another browers? Or hard refresh your browser with Control+Shift+R.

9

Thank you, I tried with Safari and all the tests are passing :smiley: