Help needed on the build a tribute page project

Curriculum Help
,
1

Hi all, please I keep getting the errors :

  • The element should responsively resize, relative to the width of its parent element, without exceeding its original size.

  • The element should be centered within its parent element.

https://codepen.io/Nnanna/pen/ZMQNVQ

for my code below. any help?

body {
  font-family: Arial, Monospace;
  background: gray;
  color: #fed;
}
#main {
  margin: 25px auto;
  padding: 12.75px;
  border: 5em dashed gold;
  border-radius: 10em;
  background: #12125255 img {
    max-width: 100%;
    display: inherit;
    height: auto;
    margin: auto;
  }
  img{
  max-width: 100%; 
  display: block; 
  height: auto;
  margin: auto;
  #img-div {
    margin: 10px;
    margin-top: 15em;
    width: 100%;
    border: 10px dashed gold;
    background: gold;
  }
}
.text-center {
  text-align: center;
}
h1 {
  font-size: 75px;
  margin-bottom: 30px;
}
h5 {
  font-style: italic;
  font-size: 35px;
}

Thanks

3

Hi, this has been edited as suggested.

Thanks

5

Thank you so much.

Really learned a lot more by adopting the corrections you suggested