Project Help -- Trib Page

You may view my code here https://codepen.io/richard93x/pen/KGEvBQ

I can’t pass the last problem.

  • User Story #8: The img element should responsively resize, relative to the width of its parent element, without exceeding its original size.

Please help

So far you’ve done nothing to make the image responsive (other than set the min-width of the body to be wider the image full size).

Because that image is so small you could probably get away with using it without any responsive character but that does not fulfill the user stories. Even with such a small pic the testing software is still seeking out styles that would allow your image to shrink and grow at different screen sizes, maxing out at 100% image size.

If you look closely at the test report the red text gives good clues as to what would be needed to fix your code so as to pass a failed user story.

What about now? I did something after some research

Good job. You are so very close!

You forgot the trailing } on the style above so your new styles were not applied.

Putting that } does create a new problem in that those new styles will uncenter your image. Center that image and you will pass all user stories.

1 Like