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

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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

  </body>
</html>

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

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

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

Link to the challenge:

2

each div needs its own closing tag. As of now you have each div sort of wrapped up in one.

<open></close>
<open></close>

like this. All elements need to be open then closed.

1 Like
3

I suggest she keeps her code on the same line,that way,she will not get confused on the closing div tags.

1 Like
4

she didn’t close them. She wrapped them.

2 Likes
5

Hello!
It appears there was a bit of misunderstanding with the instructions. Both of the previous posts had good information. It appears the first div is wrapped around all of the others as stated by ringoj66. This can easily happen when we hit the return after we make the initial element. I have done it, too.
As stated by stephenmutheu, it would probably be easier to keep the opening and closing for elements (in this case div elements) on the same line to keep from becoming confused.
You are doing a great job. Happy coding! :slight_smile:

6

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