I am doing the tribute page and I have been stuck trying to make the responsive image. I made sure to put the code the way it is done in the curriculum but I am still failing that specific test, which is the only one preventing me from completing the project. Can I submit my code here to receive feedback as to what I am doing wrong?
Sure, you can share the codepen link to your code.
Here is the link to my code: https://codepen.io/Tshibitama/pen/wvrQjpP
In this part of your code you have centered the image but the test case asks you to center all the images and not just a single element:
As you can see it has mentioned
<img>which refers to all the image elements and not just the image you have used inside
So, you just need to target the
img tag and add necessary attributes to center the image.
I changed .responsive-image to img but I am still not passing that test.
Can you share the link of your current code?? the previous link you have shared isn’t updated.
https://codepen.io/Tshibitama/pen/wvrQjpP, here is the newer version. For some reason, the modification was not saved but it is now.
@ericmwmz, when a test fails click the red button to see which test(s) are failing and text to help you correct the issue.
Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.
The failing test says
The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size. Use the "display" style property with a value of "block" for responsive images.: expected 'inline' to equal 'block' AssertionError: Use the "display" style property with a value of "block" for responsive images.: expected 'inline' to equal 'block'
Do you understand what the test is looking for and why it is failing?
Thank you very much, I was able to fix what I was missing.