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

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" class="one">
      </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/107.0.0.0 Safari/537.36 Edg/107.0.1418.62

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

Link to the challenge:

2

hi there, did you have a question?

3

Sorry my question is, Is this how you add class one to the div element?

Blockquote

\\

\\

Blockquote

4

Sorry I forgot how to properly send you my code.

5

to create 2 classes for the same element just type them next to each other with one space in between like this example

<p class="one two">

6

For reference:
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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

7

Blockquote
///

///

Blockquote

8

that option is not on my option bar.

9

Blockquote

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

That’s exactly what I have but it still doesn’t pass.

Blockquote

10

you haven’t read what I posted I think?

You should not have two class attributes.
You should have one with the classes listed similar to below

class="one two"

11

Ohhhhh. I didn’t read what you said properly. Thank you so much!

1 Like
12

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

13

If you have a question about a specific challenge as it relates to your written code for that challenge, and you’ve tried to solve it at least 3 times so far and still need some help, just click the Ask for Help button located on the challenge (it looks like a question mark).
This button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

14

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