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

HTML-CSS
#1

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:

#2

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

#3

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

#4

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

1 Like
#5

thanks man! you really came tru on this one