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.

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

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

Link to the challenge:

2

Hi!
Please try to describe your issue in more detail in the ‘tell us what is happening’ section in future, you can write your own text in this section. It makes helping much easier.

The lesson wants you to make a new div element inside the div with the classes of ‘marker red”. How do you make a new div element?

3

yes, I’m stuck on how to create a new div element within a div element

1 Like
4

Okay so this is a div element.

<div class=“cat”></div>

This is an img element inside an anchor element. The img element is inside the anchor elements starting and ending tags.

<a href=“example.com”><img src=“cat.jpg” src=“a cat” ></a>

So if you need to make a new div element inside another div element, you could format it in the same way as the anchor and img element.

2 Likes
5

thanks, your instructions helped and I got it

1 Like
6

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