CSS Color markers step 50

What am I doing wrong here? The code seems to be working in the preview, but it’s still incorrect…

  **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 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: linear-gradient(90deg, rgb(255,0,0),rgb(0,255,0));
}

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

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

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 50

Link to the challenge:

The instructions didn’t ask you to set all of these values. They only asked you to set the direction to 90deg. You will set the other values in the following steps.

1 Like

I’m actually stupid, thank you :sob:

1 Like

No, you are not. Your code worked perfectly fine. You were just jumping the gun :slight_smile: These tests are very picky and only test for what they expect to find. So if you add anything extra they will most likely fail.

3 Likes

thank you!! I noticed you’re the same guy who answered my last question, many thanks dude you’re an absolute lifesaver

1 Like