I have been on this four hours today, any help guys?

Tell us what’s happening:
Describe your issue in detail here.

I’m having issues creating a new CSS rule that targets the class one and set its background-color property to red

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Colored Markers</title>
   <link rel="stylesheet" type="text/css" href="styles.css">
 </head>
 <body>
   <h1>CSS Color Markers</h1>
   <div class="container">
     <div class="marker one">
     </div>
     <div class="marker">
     </div>
     <div class="marker">
     </div>
   </div>
 </body>
</html>
/* file: styles.css */
h1 {
 text-align: center;
}

.marker {
 width: 200px;
 height: 25px;
 margin: 10px auto;
}

.one {
background-color="red"
}

Challenge: Step 18

Link to the challenge:

You should 1) drop the quotes “” and 2) add a ;

I have tried this but it’s not still working sir

In Css we don’t use property="value" we use property: value;

1 Like

thanks man! you really came tru on this one

The question - Create a new CSS rule that targets the class marker , and set its background-color property to red .
but the answer you gave others here cannot be done unless more code is added to the html file prior to this step 11, here is what has been mysteriously added between step 10 and step 11>
the word ‘one’ …div class=“marker one”></div…
this entire div added …div class=“marker”></div…
this entire div added …div class=“marker”></div…
I thought we had to follow all questions not adding any code to either file unless quizzed about the added information?

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.