The problem from system

HTML-CSS
1

Tell us what’s happening:
I think I have a correct answer, but I can’t pass this question. Please tell me why. Thanks!

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/84.0.4147.105 Safari/537.36.

Challenge: Use a Retina Image for Higher Resolution Displays

Link to the challenge:

2

Hey! Your solution is correct. I have copied your solution and found that it is working properly. Maybe try reloading the page and try the same again.

3

Make sure you have set the browser zoom level to 100% Ctrl + 0.

1 Like
4

why so @lasjorg?? I guess it won’t matter right?

5

At least in Chrome, this challenge can fail at some zoom levels.

You can try it, set the browser zoom to 67%, it should fail the test.

6

I tried it…and the test got passed

7

In Chrome?

It will not fail in Firefox (not sure about other browsers). Anyway, I know for a fact it can fail in Chrome with some zoom levels.

8

It’s working with your idea. Thank you so much!