To make retina img by reducing px size

HTML-CSS
1

Codecamp’s instruction :Set the width and height of the img tag to half of their original values. In this case, both the original height and the original width are 200px.

my code:

img { height: 100px; width: 100px;}

freeCodeCamp sticker that says 'Because CamperBot Cares'

What’s wrong with me?



**Your browser information:**

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

**Challenge:** Use a Retina Image for Higher Resolution Displays

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

Hello!

I’m not quite sure what your issue is - the line of code you provided img { height: 100px; width: 100px;} worked for the tests when I checked it.

3

Try to redo the challenge after reloading the page, sometimes it happens. If not skip the topic for the time being because the code is fine.