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

Tell us what’s happening:
Describe your issue in detail here.
ive tried everywhich way and keep getting stuck on these topics,quite frustrating maybe someone explaining it differently may help, regarding the DIV MARKER CAP -REQUEST it wants i dont understand it
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 cap red">
        <div class="sleeve"></div>
      </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;
}

.sleeve {
  width: 110px;
  height: 25px;
  background-color: rgba(255, 255, 255, 0.5);
}

.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(223, 90%, 60%), hsl(240, 56%, 42%));
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

Here is where you made a mistake.

Read the instructions again, and try to reset the lesson if you want a fresh start.

If you’re still having trouble with it, please let me know! :slight_smile:

1 Like

Before the div element with a class set to sleeve you have added only the opening div tag with the class set to three values. You should have only one value. Restart step.
You have to type in something similar to following:

<div class="smth"></div>
1 Like

thank you very much it worked out well

2 Likes

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