I cant pass "Responsive Web Design Principles: Use a Retina Image for Higher Resolution Displays" challenge

HTML-CSS
1

Tell us what’s happening:
I cant pass this challenge i checked it so many times something is still wrong. I even tried copying whole code from hint video still not working. Cant figure out
It says img tag should have height and width 100px even when its already there

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 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36.

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

That’s strange maybe try resetting the code or refreshing your browser and try again.
Hope this helps.

3

Do you maybe have your browser zoomed in or out?

1 Like
4

It was on 67% so i set it to 50% and it works. Thanks!!

5

I’m actually surprised that it worked at 50% and didn’t need to be at 100%.