Give color to the div element

Tell us what’s happening:
I have created the class, but i am getting an error as “class silver background is not created”

Your code so far


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.silver-background {
  background-color : silver ;
}
.red-text {
  color: red;
}

h2 {
  font-family: Lobster, monospace;
}

p {
  font-size: 16px;
  font-family: monospace;
}

.thick-green-border {
  border-color: green;
  border-width: 10px;
  border-style: solid;
  border-radius: 50%;
}


.smaller-image {
  width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>
<main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<div class="silver-background">
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>

<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Give a Background Color to a div Element

Link to the challenge:


This is the correct code which i have typed… just the thing is you will have to remove all the extensions which you have on chrome as there are dark mode enabled form chrome extensions it makes the editor to think that is not blue, its some other color which has been setup by the extension app…

Just turn it off and see my code homie… :grin: :grin:

I am getting thee same error man. I removed all the extensions and switched the theme to classic in google chrome, even after all these changes i am getting the same error man

remove the extra spaces in the css rule you just added

1 Like

Thanks a lot, i dont know why but it really worked

the tests expect you to use that way of writing rules
the browser is pretty forgiving, so it works anyway, but freecodecamp is trying also to teach how it is usually done

1 Like