You should add the class one to the first marker div element. what does it mean

HTML-CSS
1

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

  **Your code so far**

\ file: <!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" type="text/css" href="styles.css">
</head>
<body>
  <h1>CSS Color Markers</h1>
  <div class="container">
    <div class one="marker">
    </div>
    <div class="marker">
    </div>
    <div class="marker">
    </div>
  </div>
</body>
</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" type="text/css" href="styles.css">
</head>
<body>
  <h1>CSS Color Markers</h1>
  <div class="container">
    <div class one="marker">
    </div>
    <div class="marker">
    </div>
    <div class="marker">
    </div>
  </div>
</body>
</html>

\ file: h1 {
text-align: center;
}

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

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/101.0.4951.67 Safari/537.36

Challenge: Step 16

Link to the challenge:

2

Here’s what the first div looks like:

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

You can see it has the class marker. You need to add the class one to it.

What have you tried so far?

3

i have try my best by adding one here

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

like these

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

like these also

<div class 1="marker">
</div>

but it just tell’s that add class one to first div

4

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

The step requires you to add a class of one to the first div.You have to add one next to marker so that there will be multiple classes.

The first class is marker the second is one. You should be knowing how to add multiple classes in html by now, but here’s an example:

<p class="bold right"></p> 
/* Here bold and right are two different classes *\
1 Like
5

I have tried several times to add the class one but it keeps on saying, "add the class one to the first div element.

6

Please paste your latest code here so we can help you out.

7

(post deleted by author)

8

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