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

HTML-CSS
1

This is the second time I have got this kind of step wrong. The first time I passed it by restarting, and putting back in exactly what I had done the first time, and it passed :confused:

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

.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: Learn CSS Colors by Building a Set of Colored Markers - Step 70

Link to the challenge:

2

The div with the class of sleeve has to be in between the opening and closing tag of the red div.

3

I thought it was, what am I doing wrong?

1 Like
4

Your divs have to be nested like,

<div>
    <div>
   
    </div>
</div>

But above, you have it as

<div <div></div>>

</div>
5

I tried that, and it didn’t work

1 Like
6

Can you post the solution here? I mean the one where you tried my suggestion.

7

I tried, but even with the /// it wouldn’t show all the code

8

The instructions ask you to nest a div with class of sleeve inside the div with a class of red.

<div class="marker red">
    <div class="sleeve">
   
    </div>
</div>

Is this what you have?

9

yes, can’t work out why it won’t work

10

It doesn’t work for me either. Strange. Could you please disable some of your browser extensions and try again? Sometimes they interfere with the tests.

11

This test passes for me now, not sure what the problem was. Have you tried it again ever since?

12

Cheated by changing the tutorial number in the web address. Still no idea what I had done wrong. :confused: .

13

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