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

Tell us what’s happening:
Step 49 directs me to change the background-color property in the css rule .red to background, a super simple step. Unless I am mistaken all I need to do is delete “color” from the “background-color” property yet my code keeps getting rejected. Can this be a bug in your system?

  **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.4 Safari/605.1.15

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

Link to the challenge:

and the hyphen (-) it should work fine, i dont know what is the problem?

It’s a current bug with Safari. This is being addressed and will hopefully be updated here soon. In the meantime, you either have to use a different browser or just go on to the next step knowing that you got this one right.

If you continue to use Safari you will also encounter this bug on steps 60 and 66.

1 Like

oh sorry i didnt know there was a bug on safari, i am on chrome so…

the problem, is that all I need to do for css rule .red is change the property “background-color” to “background” this is specifically noted as the only step I need to take but when I do this the code is consistently rejected

i understand now but as bbsmooth said above it is a bug for safari so hopfuy you have chrome or a nother browser