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

HTML-CSS
1

Tell us what’s happening:

Hi, please help, i dont understand what is required by saying: You should add the class one to the first marker div element.

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">

<!-- User Editable Region -->

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

<!-- User Editable Region -->

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

Challenge Information:

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

1 Like
2

Hello @Tawanda !

Sometimes it can be difficult to convey a meaning with terminology thrown in.

Your code above includes an extra class attribute an will more than like fail the tests for that reason. So, you will want to remove that extra class attribute.

Now to the task at hand. The example code below:

For example, the following adds both the animal and dog classes to a div element.

<div class="animal dog">

shows how to add another class to an element. You simply need to add the “one” class in addition to the “marker” class.

Does this help?
Keep up the good progress!

Happy Coding! :slightly_smiling_face:

3

Welcome to the forum

image

The instructions are asking to to add a second class name to the class attribute. You seem to have created two class attributes.

You separate multiple classes with a white space character.

The second class name should be one

Happy coding

4

It helped, thanks - i passed

1 Like
5

Nice work! Glad to have helped.

6

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