Whats wong with this

Tell us what’s happening:

Why is this wrong?

Your code so far


<style>
  body {
  background url("https://i.imgur.com/MJAkxbh.png"); 
  }
</style>

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/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image

CSS selectors have property/value pairs separated ending with semi-colons. You must use a colon to separate the property name from the value.

JPG%202

Not working

url is not the property.

Hi :slight_smile:

<style>
  body {
    background:  url("https://i.imgur.com/MJAkxbh.png");
  }
</style>

Sometimes, syntax complicates a little bit our lives. Look at “url” is not joined to “background”, the right name of the HTML property is only “background”. You can use also “background-image” and you"ll get the same effect. Hope it helps!

1 Like