STEP 68 - CSS Color Makers

HTML-CSS
1

** As the second color argument, pass in the hsl function with the values 223 for hue, 90% for saturation, and 60% for lightness.:**
Pls help.

  **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(rgb(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27));
}

.green {
background: linear-gradient(#55680D, #71F53E, #116C31);
}

.blue {
background: linear-gradient(hsl(186, 76%, 16%) hsl(233, 90%, 60%));
}


  **Your browser information:**

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

Challenge: Step 68

Link to the challenge:

1 Like
2

Hi @giansucuangco123456

You are close. Just read the instructions carefully and your answered code, if it is necessary copy and paste what they want.
Also you can check here the syntax for do that, just in case:

Take breaks frecuently and try to understand what are you doing. Dont rush, you will be faster eventually.
Happy coding!

3

Thank you for the help. Late reply here

4

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