Tribute page responsive image fail

HTML-CSS
1

FCC: Tribute Page * (codepen.io)

I think I’m going crazy! I’m dead new to coding, so I’ve tried everything I could think of before posting. I’ve read a lot of the posts here pertaining to the topic as well, but the solutions have turned out to be all sorts of things.
The error message says “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’”
At this point I’ve slapped “max-width” onto practically everything it could possibly apply to in this context, but I’m clearly missing something important. Please help!

2

So you’ve accidentally styled your <img> element using the class selector.

You have

.img {
max-width: 100%;
display: block;
height: auto;
width: auto;
margin: auto;
}

when it should be…

img {
max-width: 100%;
display: block;
height: auto;
width: auto;
margin: auto;
}

1 Like
3

Thank you so much!! I just knew I’d done something dumb like that!

1 Like
4

Not dumb, just easy to miss when you’re very new to css :slightly_smiling_face:

5

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