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

HTML-CSS
1

Hello everyone, I am stuck on step 16 of the CSS colored marker course. The task is to add a “class one” to the first div marker element. Can someone please tell me ow to go about it as I have been on it for quite some time.

  **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" classone>
    </div>
    <div class="marker">
    </div>
    <div class="marker">
    </div>
  </div>
</body>
</html>

/* file: styles.css */
h1 {
text-align: center;
}

.marker {
width: 200px;
height: 25px;
background-color: red;
margin: 10px auto;
}


  **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 16

Link to the challenge:

2

Just helped another person with this exact issue.

Remember that class is an attribute for elements so you have to format it a specific way.

In this case it’s already setup for you to edit the first marker div. Just edit the class so it’s both marker and one.

You accidently repeated something there.

3

Thank you kind Sir. I understand all you said, and I have tried all the ways I know to try and add the value “one” to the existing class div element, but it’s still not working. Can you perhaps give me a hint as to how to go about it. Thank you.

4 
<div class="marker one">
    </div>
5

Wow! Thank you so much!!

6

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