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

Have tried but I could not get what I’m asked to do, please help me.

  **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-color: red;
}

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

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

  **Your browser information:**

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 15_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/102.0.5005.87 Mobile/15E148 Safari/604.1

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

Link to the challenge:

right now, the property for the red marker is this:

instead, you should change the “background-color”-property to a “background”-property, like this (but still use the rgb code for red, not the actual word):

red{
  background: (255, 0, 0);
}
1 Like

Thanks, have done that it’s still not working.

Please do not post solution code.

What changes have you made? Can you share your updated code?

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