Tribute page not passing tests, meets requirements

HTML-CSS
1

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?

page: https://codepen.io/megaPerson/pen/rNMLqJd
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!

2

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%

3

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

1 Like
4

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!

5

You need to set outside the media query.

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

6

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!

7

yo tuve el mismo problema, te dejo como lo pude resolver.
https://codepen.io/walter-bobadilla/pen/ZEpbrpV

8

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í.