Give Background Color to Div Element Not Accepting Correct Answer

[LukaszKolo]

Challenge give-a-background-color-to-a-div-element has an issue.
User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0.
Please describe how to reproduce this issue, and include links to screenshots if possible.

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

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

</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></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>
 <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>
 <input type="text" placeholder="cat photo URL" required>
 <button type="submit">Submit</button>
</form>
     ```

[erictleung]

@LukaszKolo thanks for the issue but can you be more specific on what bug you are experiencing? Your code is correct so I'm not sure how to help you.

[LukaszKolo]

So thats a problem, that code is correct :) and the program says its not correct

[LukaszKolo]

"Give your div element the class silver-background.
Your div element should have a silver background."

The second element is not fullfilled

[LukaszKolo]

@erictleung Any ideas what to do with this problem?

• the code is correct as you said,
• DIV has a silver background color,
• first checkbox "Give your div element the class silver-background" is checked green,
• the second "Your div element should have a silver background." is red, so I couldnt go further with the course.

[erictleung]

@LukaszKolo I would either suggest trying a different browser or jump to a different challenge by navigating through the Challenge Map. I'm not sure how to reproduce your issue. But it looks like you're using Firefox. I'm unable to reproduce your issue on Chrome. Let's see if someone else is able to reproduce the issue on Firefox.

[LukaszKolo]

@erictleung thank you very much :) ill try this way

[hantsy]

I encountered the same problem in the latest Firefox 64 bit, Windows 10 64bit 1607.

[divyaprakashpoddar]

I am facing a similar problem

[LukaszKolo]

Try freecode with Google Chrome. I passed this challenge with Chrome.

[andreiamlm]

I'm facing the same issue on Google Chrome browser on an Android.

[LukaszKolo]

Opera, IE maybe then?

[andreiamlm]

I've tried Chrome on Android, Chrome on win 10, and now Firefox. =(

[andreiamlm]

Got it to work only on Edge.

[dnesry]

I am using Edge and background does not turn silver, and I have the same code as shown above

[dnesry]

Never mind - did a reset and typed in everything again manually instead of copying and pasting - worked!

[praneeth65]

<style> .red-text { color: red; } div .background-color{background-color:silver;} 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>

CatPhotoApp

Click here for cat photos.

Things cats love:

• cat nip
• laser pointers
• lasagna

Top 3 things cats hate:

1. flea treatment
2. thunder
3. other cats

Indoor Outdoor Loving Lazy Energetic Submit

i mentioned it in css style and wrote the class more precisely and i am still not able to change my background color, and i use chrome.

[alexiss23]

You forgot to add one more step to this question. The last question states: "Your div element should have a silver background."
Apply
.silver-background {
background-color: silver;
}
To the styles area in order to assign the class the Silver color.

[systimotic]

Closing in favour of #10749

[Mac1281]

Make sure you spelled everything correct.

[jacob-aifuding]

thank you @martian1431 see you answered i did it

[Brandonpeops88]

Thankyou @alexiss23!

I was too busy trying to assign the background class to my "div" element within the style tags above but overlooked the need to add it within the "div" tags below. . I have to keep reminding myself, "as above, so below!"

[aravind0990]

Thanks @alexiss23 !! you saved my time :)

[Spikatrix]

Reproducible in Chrome for Android (latest version, 58.0.3029.83 as of now).

[DataScientist44]

Mine does NOT work in latest Firefox. DOES work in latest Chrome. I ran it in Chrome and then went back to Firefox to carry on.

[IrishMalaca]

[AndreyAzimov]

Don't work on my site as well :(

<style>

.silver-backgroung {
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>

CatPhotoApp

Click here to view more cat photos.

Things cats love:

• cat nip
• laser pointers
• lasagna

Top 3 things cats hate:

1. flea treatment
2. thunder
3. other cats

Indoor Outdoor
Loving Lazy Energetic
Submit