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

Tell us what’s happening:
Does anyone know what’s wrong with this? Because the challenge was"apply a red-to-green gradient along a 90 degree line to the first marker" Which I already did. I also tried using rgb and hsl colors and it still doesn’t work.

The hint is " Your `red CSS rule should have a background property with the value linear-gradient(90deg). "

Hah I swear this will end up just me being blind and missing something, Thanks!

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;
}


/* User Editable Region */

.red {
  background: linear-gradient(90deg, red, green) ;
}

/* User Editable Region */


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

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

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

Link to the challenge:

Why do you have those color value?

I mean even this didn’t work, the color argument in the linear-gardient function can be anything no? whether its colors keywords, hex, rgb or hsl it shouldn’t matter in theory no?

.red {
  background: linear-gradient(90deg, rgb(250, 0, 0),hsl(120, 100%, 50%)) ;
}```

You should understand that the lesson talks of the colors but they should not be included in your code at the moment. You should only have a direction value.

But it says:

“Now you’ll apply a red-to-green gradient along a 90 degree line to the first marker”

And prior to this there was a challenge that tells you to change each markers name to their correspondent color (in case you were wondering about the .red)

When you add the color value does the challenge pass?

Nope, even tho it asks me to do so

Then it mean that color values aren’t required,remove them,it’ll pass.

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