Centering to parent element help

HTML-CSS
1

my test checker is saying my image element is not centered to its parent element. I had it centered earlier but after adding some other elements it was no longer centered. Feels like i butcher it the more i try to fix it.
Link to codepen


Link to tribute project syllabus

I’m having alot of fun with all of this, want to learn as much as I can and not end up giving up. Thank you!

2

Hi. Looks like there’s an issue with using position:absolute in your in your #image css.
setting the position to absolute removes it from the normal flow of the page. Try this instead:

#image{
  max-width:100%;
  display: block;
  margin: auto;
}
1 Like