Use a Retina Image for Higher Resolution Displays Doesn't Pass On Google Chrome

Describe your problem and - if possible - how to reproduce it

The test for ‘Responsive Web Design Principles: Use a Retina Image for Higher Resolution’ won’t pass on Google Chrome. It will pass with Safari, and it will pass with Firefox. There are matching reports on the FCC Help Forum.

<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'">

The above passed with Safari (Version 11.1 (13605.1.33.1.4)), but not Chrome (67.0.3396.79 (Official Build) (64-bit)).

Add a Link to the page with the problem

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

Tell us about your browser and operating system

• Browser Name: Chrome
• Browser Version: 67.0.3396.79 (Official Build) (64-bit)
• Operating System: MacOS High Sierra (Version 10.13.4 (17E202))

If possible, add a screenshot here

N/A

[RyanW1004]

If you zoom out with the browser then the challenge doesn’t work. Try having the browser at 100% zoom, that fixed the issue for me

[EmmaluFox]

This issue was still occurring for me. Changing to 90% zoom in Chrome fixed the issue.