Help to finish my tribute page for the certification

I can’t pass the test always 9/10, I have a problem to resize the img element, please someone can tell me how to fix it, here the link to the code:
https://codepen.io/mohamed-basly/pen/QWqwWgo

@mobasly 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.
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 and what it’s telling you?

I read it but i didn’t understand what’s wrong I add @media for the img to resize but the test for it still fail

It’s not telling you to add a media query.

First line in the failing message says “The <img> element should responsively resize…” (you styled that element)
Second line in the failing message says “Try using the "max-width" style property : : expected ‘none’ to not equal ‘none’”
Third line in the failing message says the same

Looking at your img selector in CSS do you have a max-width property?

Thank you so much I past the test now ,

Good job.
Glad I could help.

1 Like