Please help me(Make an image responsive)

HTML-CSS
1

Tell us what’s happening:
I try to do the test and my coding is right, but is wrong. I don’t why. I look the help video and it show a other coding. Please fix the test or help me out.

Your code so far


<style>
responsive img {
height: auto;
max-width: 100%; - this is right, but the test say it wrong.
}
</style>

<img src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set"> - I delete the second photo, cause the help video has one photo.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.18363.

Challenge: Make an Image Responsive

Link to the challenge:

2

It is supposed to be .responsive-img not responsive img. Use /* */ when commenting in css like:

/*  this is right, but the test say it wrong. */

EDIT: Thanks @lasjorg for pointing out the syntax for commenting code in CSS

3

@nibble // is not a valid CSS comment /* this is a CSS comment */.

You would have to use SASS/SCSS (or what preprocessor) for that to be valid.

@benzitobezt1590 You may want to revisit this challenge

4

Thanks @lasjorg for the correction

5

Is did not work. It say the same message. It say the same responsive-img error. Responsive-img is not 100%.

I use things code.

.responsive-img { height: auto; max-width: 100%; }

responsive-img or .responsive-img do not work.

6

I don’t see an image element with the class on it in your code. Did you add the class to the image element?

.someClass {
 color: red;
}

<p class="someClass">Some red text</p>
7

You code passes for me. Try using a browser like Chrome and/or update Edge to the latest Chromium version.

8

It work. Thanks Roma. I use the code on Microsoft Edge and did not work there. It work on Chrome. Thank you.