I need some help about class names here please

Tell us what’s happening:
What is missing here please?

Your code so far


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.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;
}
background-color{
  color:silver;
}
.silver-background{
  background-color:silver;
</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="https://freecatphotoapp.com/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 (Windows NT 6.1; rv:81.0) Gecko/20100101 Firefox/81.0.

Challenge: Give a Background Color to a div Element

Link to the challenge:

Hello,
There is a background-color{ color:silver; } in your style that serves no purpose, you aren’t tasked with adding it though it makes no difference for the test, it’s just not needed there so it shouldn’t exist.
Now on to the issue, other than what I mentioned before, your code is correct but you forgot to add something in the class you created when assigned to the style element. Everything needs to be closed.

Answer
.silver-background {
  background-color: silver;
}

This should help you with your issue.

.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; } /* A class named silver-background should be defined within the style element and the value of silver should be assigned to the background-color property. */ .silver-background { background-color: silver; } /* No not this:- */ /* div { background-color: silver; } */

CatPhotoApp

Click here to view more cat photos.

A cute orange cat lying on its back.

<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>
<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>