I tried a lot but I still can’t pass. I don’t know what is wrong with my code embarrassed
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.
display property isn’t correct either.
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.