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

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

Your code so far
it says: You should add the class one to the first marker div element.
I don’t know what that means

<!-- 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="one two">
      </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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

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

Link to the challenge:

You set the classes ‘one’ and ‘two’ instead of just ‘one’

It still says,
You should add the class one to the first marker div element.

After doing what? Please post the updated code

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

this is the code

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

I don’t understand the change you made. You shouldn’t delete the entire div tag.

I would reset the code and not delete anything the instructions don’t tell you to delete. You should only add the additional classes

need some help

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

I don’t know what to add and where to add it.
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="container">
    </div>
    <div class="marker" class-one>
    </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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

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

Link to the challenge:

In the example you can see how to add two classes to the an html element:
image

Add another class set to the value of “one” to the first div with class already set to ‘marker’:

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

Thank you, that helpet a lot :slight_smile:

1 Like

Please don’t basically write the solution for people. Thanks

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