Make an Image Responsive-

Make an Image Responsive-
0.0 0

#1

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


#2

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


#3

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.


#4

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