Use a Retina Image for Higher Resolution Displays 111

HTML-CSS
1

Tell us what’s happening:

Your code so far


<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/66.0.3359.181 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

I’ve noticed that people seem to get stuck on this one a lot.
Perhaps there is a bug or something in FCC.

For me, I would put the width and height on separate lines but your method has also worked for me in the same challenge so not really sure what might be happening. Maybe try searching the forum to see what worked here for others. good luck.

3

Yeah, thanks. I don’t really know what is exactly wrong but will debug the bug soon.

Thanks for your suggestion once again