I can’t still pass this test

I tried a lot but I still can’t pass. I don’t know what is wrong with my code embarrassed :disappointed:

The tests say:

1. The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size.
Try using the "max-width" style property : expected 'none' to not equal 'none'
...
2. The <img> element should be centered within its parent element.
Image is not centered: expected 0 to be close to 895 +/- 11
AssertionError: Image is not centered: expected 0 to be close to 895 +/- 11

These are CSS problems. Start by setting your image’s max-width property to something other than none (maybe the actual image width in pixels), rerun the tests, and follow the hints the tests provide.

Your images’ display property isn’t correct either.

@jeremy.a.gray I put the actual height and width of my new image yet. Although I’m on JavaScript projects now, I’m just trying to fix some bugs in my tribute page project. It’s really interesting because I tried a lot and I didn’t figure the problem.

If this is about setting your image to the center then you can achieve that by setting the display of the id #image to block

To solve the second problem it says in the error that your height should not be specified rather set it to auto
“expected ‘599px’ to equal ‘auto’”
So set the height to auto instead of using a figure. This should solve the problem

Thanks a lot. I’ve passed the test. I appreciated your help.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.