Hi everyone, I need help. I can’t solve the points of my project and I’m stuck, User Story #8: The img element should responsively resize, relative to the width of its parent element, without exceeding its original size.
User Story #9: The img element should be centered within its parent element.
Once I clean that up, I opened up the test suite to read the error messages.
The first error message I see says this
Within the “img-div” element, I should see an element with a corresponding id=“image”.
expected null to not equal null
When I look at your code, I see duplicate ids of img-div
<div id="img-div">
<img id="img-div"
Once you fix that error in the img element and use the correct id name then it should take you to 9/10.
The last thing you need to do is center the image.
If you google, how to center image css then the first result will give you the answer you are looking for.