Responsive Web Design Principles 3

Tell us what’s happening:
In challenge 3 of Responsive Web Design Principles ( Use a Retina Image for Higher Resolution Displays) I have exactly the same code as in the Get help - Watch a video section, so I don’t know what is going wrong.

The challenge is :
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.
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/83.0.4103.116 Safari/537.36.

Challenge: Use a Retina Image for Higher Resolution Displays

Link to the challenge:

Hello and welcome to the FCC community~!

The code you have shared passes the tests on my end. Please ensure that your browser zoom is set to 100% and you have disabled any browser extensions (such as dark mode) that access the FCC website. These tend to cause tests to fail erroneously.

Thank you, that worked.

1 Like