Make an Image Responsive-

Tell us what’s happening:

Your code so far


<style>
  
</style>

<img {max-width:100%;display: block;height:auto;}src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.79 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/make-an-image-responsive

keeps asking i change my display img tag to :block ,which ive done. Still no luck

You cannot apply styles to HTML elements like that. Either you have to use HTML style attribute or put the style declaration inside style tags:

Either

<img style="max-width:100%; display: block; height:auto" src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">

Or

<style>
img{
max-width:100%;
 display: block;
 height:auto;
}
</style>

Here you have to use the second method for clearing the challenge.

Clear your basics first. Read the earlier lessons again.

Thanks a lot, guess i still have issues with certain descriptions

Thanks for the help man! it works

To make the image responsive, you need to give a new value to its width property, then the height of the image will adjust itself automatically.

Also remember to use relative units for the width property like percentage, rather that absolute units like pixels.

For example: img {
max-width:100%;
height:auto;
}

Hope this helps!