Tribute page <img> element should be centered within its parent element

Back End Help
#1

Hey! I´m trying to finish this but i got a problem with this user storie. Cna u help me out?

2. element should be centered within its parent element.

https://codepen.io/Vitaminar/pen/NWGBKwr?editors=1100

#2

Hi Vitaminar. Remove the padding on #img-div and add display: block; and margin: auto; to #image. Like so…

#img-div {
  width: auto;
  height: auto;
  max-width: 900px;
  display: block;
  text-align: center;
  object-fit: fill;
  margin: auto;
}
#image {
  width: 22vw;
  height: auto;
  display: block;
  margin: auto;
}

Your pen will look different but you will past the tests. I would study harder on CSS. Good luck to you!

#3

Thank you soo much!!You are right I will give more study to CSS.

1 Like
#4

No problem! Enjoy the journey. :blush: