Can't get past the Image Responsive challenge

HTML-CSS
1

Tell us what’s happening:
The Image Responsive Challenge won’t let me pass, even though I did what the instructions said. then Iwent to get a hint, and it told me to add a display with block attibute, so I added it. Ieven refreshed the page, and all together closed it, but it still doesn’t accept the changes.

Your code so far


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

}

img {
width: 600px;
}
</style>

<img class="responsive-img" src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
<img 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/81.0.4044.122 Safari/537.36.

Challenge: Make an Image Responsive

Link to the challenge:

2

The display: block property isn’t needed.

3

I tried it with and without the display it still says that i had to add the max-width to 100%. even though is there.

responsive image issue
responsive image issue1358×638 213 KB

4

Oh, I see your problem. You’re missing your semi-colon. : smiley: I do that all the time :slight_smile:

5

LOL, you are right! I think I’m too tired to keep up, better get some rest and keep working tomorrow. Thanks for your help!

1 Like