Page behavior is fine, but won't pass test

HTML-CSS
#1

Tell us what’s happening:
I can’t get #9 to pass even though the image is centered in the content and responsive. I would appreciate any help identifying what is needed to correct the issue.

I have tried to add display:block for the image but it actually takes it off center.

Your project link(s)

solution: https://codepen.io/smellyd/pen/rNyZeBP

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36

Challenge: Build a Tribute Page

Link to the challenge:

#2

display: block is a test requirement, you have to have it for the test to pass. You can use auto margin to center the image (margin: 0 auto).

#3

I added those changes and it did the trick.

Thanks for the help.

1 Like