Responsive design: Setting an image display to "block"

HTML-CSS
1

Tell us what’s happening:
When I run this code, it still says I need to set the img display to block. Any ideas why?

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 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

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

2

You need to review the basics of the syntax for creating a CSS selector. You are mixing up inline-styling with CSS selector definitions.

INLINE-STYLING
https://learn.freecodecamp.org/responsive-web-design/basic-css/change-the-color-of-text

CSS SELECTOR STYLING
https://learn.freecodecamp.org/responsive-web-design/basic-css/use-css-selectors-to-style-elements

3

I see what I did wrong. Thank you.