Stuck on ID element section

Tell us what’s happening:

Stuck on the creating attribute with ID element section.

Your code so far


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
heading {
  color: green
}

.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;
}

.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="green-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" id#cat-photo-form

{
background-color: green;
}  
<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 (iPhone; CPU iPhone OS 13_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/80.0.3987.95 Mobile/15E148 Safari/604.1.

Challenge: Use an id Attribute to Style an Element

Link to the challenge:

The way you have your id declared on your form is incorrect. It would be the same way as you would give an element a class name, for example
<div class="class1"></div>

So instead of class, just replace it with id. And in this challenge they want you to give your form the id of cat-photo-form, so take from the above example, but with an id, and give it that name.

Also the way you are just declaring the green background color after the form is incorrect. Remember that any styling declarations would either need to be in a css file, or in between your tag, so move that to the top. After moving that snippet to the top, there would be one more thing you need to alter to it, to give the form with the id, cat-photo-form the green background. Just take note of how the other declarations in the tag are made.

If you are still stumped, feel free to post back here.