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

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I’m not sure were to put the >, I tried to nest within the first div but its not working thank you for your help.

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" class="sleeve">
      </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 (Macintosh; Intel Mac OS X 10_15_7) 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

this code block is a div element which nests inside it 3 div elements.

You are asked to add another div element but this time nest it inside the .marker.red element

Hopefully you can examine this block and understand what it means “to nest” something inside an element.

edit: also please restart this step as the class you added is wrong.

1 Like
3

The instruction: " Inside the red marker div, create a new div and give it a class of sleeve". So, inside the existing ‘div’ element (between its tags) with a class set to ‘red marker’, type in a new ‘div’ element. Into the opening tag of this element add the class and its value (given in the instruction).

1 Like
4

Thank you I was able to get it

5

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