Retina image for higher resolution displays

HTML-CSS
1

Tell us what’s happening:

i think this lesson is not working correctly i have added the code to reduce the image’s pixel by half and it still says i have completed incorrectly.

Your code so far
img { height: 100px; width: 100px; }


<style>
img { height: 100px; width: 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 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36.

Challenge: Use a Retina Image for Higher Resolution Displays

Link to the challenge:

2

Might be just some issue with the catch
try opening an incognito mode window and see if it passes there

1 Like
3

It works for me. You may have your browser zoomed or you may have an extension that is interfering with the test suite.

1 Like
4

thanks for the help! I was zoomed at only 67% in my browser to be more comfortable so i sized up to 100% and it passed fine.

5