Learn CSS Colors by Building a Set of Colored Markers - Step 49

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

I am on 49 in CSS colors

It says to “change the background-color property to background” which I did but it will not let me move forward

code at the moment

.red { background-color: rgb(255, 0, 0); }

code I have after

.red {background: rgb(255, 0, 0); }

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

.container {
background-color: rgb(255, 255, 255);
padding: 10px 0;
}

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

.red {
background: rgb(255, 0, 0);
}

.green {
background-color: #007F00;
}

.blue {
background-color: hsl(240, 100%, 50%);
}

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.5 Safari/605.1.15

Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 49

Link to the challenge:

There is currently a bug with Safari on this step, and step 60 and 66. It is in the process of being fixed but in the meantime, if you want to officially pass this step then you will need to use a different browser.

1 Like