Tribute Page Responsive Image

When I run the tests I get a 9/10 and it says the image should responsively resize. I don’t know what the problem is and would appreciate it if someone could help me understand it.
Here’s the link: https://codepen.io/Someone-somewhwere/pen/gOmdMWZ

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.

In this case the full failing message says;

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'
AssertionError: Try using the "max-width" style property : expected 'none' to not equal 'none'

Do you understand what the test is looking for?

A couple of things;
When you correct this issue and run the test again it will give you a similar error. That’s why you’ll need to read the entire message.

Also, do not use the style tags in the CSS editor. They are HTML tags and would not be in CSS. They will cause problems if you leave them there.

Thank you I never noticed the assertion error before and those got me to 10/10. I appreciate the help.

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