Use a Retina Image for Higher Resolution Displays - need help

HTML-CSS
1

Tell us what’s happening:

Your code so far


<style>
img { width: 100px;height: 100px;
}
</style>
<img src="https://s3.amazonaws.com/freecodecamp/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.120 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays

2

Hey,

Can you please clarify your question?

I tried to run your code and it passes the test, so everything seems to be fine.

:slightly_smiling_face:

3

@ItamarRosenblum

It says this when I run the code.

// running tests

Your img tag should have a width of 100 pixels.

Your img tag should have a height of 100 pixels.

// tests completed

4

Thanks for the help…
I had to try a different browser.
Problem solved :slight_smile:

1 Like
5

Great! :slightly_smiling_face:

6

Just got the same issue. Manual zooming up (Ctrl+mouse wheel) to 150% did the trick for me.
Chrome 80.0.3987.132 64bit