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>
  <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">
  <h1>CSS Color Markers</h1>
  <div class="container">
    <div class="marker red">
    <div class="marker green">
    <div class="marker blue">
/* 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/ 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.


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

1 Like

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