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

HTML-CSS
1

Tell us what’s happening:
I’m still struggling with this one I’m not sure if I’m missing something altogether or if it’s the way I’m typing it in the wrong way or what. this is the message: " Your .red CSS rule should have a background property with the value linear-gradient(90deg) .: I’m not seeing what I’m doing wrong.
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: linear-gradient(90deg, rgb(255, 0, 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/104.0.5112.102 Safari/537.36

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

Link to the challenge:

2

look how many opening ( and how many closing ) you have

3

but also, you should not yet add the color in the linear-gradient, only the direction, the value in degrees

4

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