Tribute page not passing tests, meets requirements

So I’m working on my first tribute page, everything was going smooth until I got to the media query: The test says I need to resize my image responsively according to the size of the parent element, and when I debug the page the image DOES resize, but the test keeps failing? Is this a bug, or am I missing something?

please let me know if I shared the incorrect link.

also, and this is less important, but my gradient background doesn’t cover the whole page and I can’t figure out why.

appreciate the help!

You should add the test script to the page.

Look at the error message:

Try using the “max-width” style property : expected ‘none’ to not equal ‘none’

Edit: try giving the max-width a value 100%

You can add background-attachment: fixed or give the body 100vh height.

1 Like

I’ve added max-width to both the original img property as well as the media query, it still doesn’t satisfy the tests.

I also tried your background-attachment solution, that solved my issue with the gradient, thanks!

You need to set outside the media query.

BTW, the value auto is invalid for both the properties (max-width and max-height).

I could swear I saw “auto” used for max-width/height in the curriculum challenges, but I’ve changed them to percentages in codepen and my page is passing now. Thanks for the help!

yo tuve el mismo problema, te dejo como lo pude resolver.

Hey @walter.boba79!
Welcome to the Forum!

You can create a new topic. Many people could help you there.

Puede crear un tema nuevo. Mucha gente podría ayudarte allí.