Silver background problem

Tell us what’s happening:
hey there, I’ve got stuck on this code for a while. Even after watching the video with an answer, I wrote exactly as it should be, but it still would not run.
Would really appreciate any help :slight_smile:

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 backgroound">
  <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36 OPR/67.0.3575.137.

Challenge: Give a Background Color to a div Element

Link to the challenge:

there doesn’t seem to be a match…
in css you write the class name with a dot in front of it. You do not have a silver-background class anywhere in your html

1 Like

I just noticed it and fixed it, but still nothing…

what do the tests say?
what’s your new code?

Your div element should have the class silver-background

. Your div element should have a silver background.

does it have that class?

please post again your code

<div class= "silver-backgroound">

Your DIV element should have “silver-background” as the class and not “silver background”(with space) if you put a space while defining a class name the css will count both the name i.e “silver” and “background” as two different class name.

yes, I’ve fixed it already it still doesn’t work

that’s not the same as silver-background

1 Like

oh my, I didn’t notice my fuck up. thanks a lot)))

damn, didn’t notice the double o. #facepalm

it happens
just try to not have “I did everything right” as first reaction

image

3 Likes

hahahaha, couldn’t say it better

1 Like

I m new here and was just following with some interest, it’s really interesting to see how a small thing can cause a bug.