I don't understand what it means

Tell us what’s happening:
Describe your issue in detail here.

  **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" href="styles.css">
</head>
<body>
  <h1>CSS Color Markers</h1>
  <div class="container">
    <div class="marker red">
      <div class="cap"></div>
      <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;
}

.cap {
width: 60px;
height: 25px;
}

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

.cap, sleeve {
display: inline-block;
}

.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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Step 78

Link to the challenge:

I don’t understand what it means

Can you be more specific about what you mean by “it” in that sentence?

Your code isn’t passing because your CSS selectors is incorrect.

Can you tell me the correct CSS selector that I should write, please?

I mean by “it” this sentence " You should use a class selector to target both the cap and sleeve classes."

No, that would defeat the purpose of learning.

I mean by “it” this sentence " You should use a class selector to target both the cap and sleeve classes."

It’s saying that your class selector should target both of those classes, both classes should be targeted.

This:

.cap, sleeve {
  display: inline-block;
}

This doesn’t do that. It’s very close, only off by on character. I suggest you google how to select for a class in CSS and then read your code very closely.

I can’t follow my lessons, but when you tell me the correct class selector , I will pass my lessons and I will save it and learn from my mistake

I don’t understand what I should do

Okay, Thank you both .
I find the mistake.

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