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

HTML-CSS
1

hi
so I need to add 2 div
In the container div , add two more div elements and give them each a class of marker .
I believe Ive done that. I dont understand how to correctly close this. no matter what I try I get an error message.
for me logically would be to have 4 div closing tags at the bottom but that doesnt work either.
anyone can explain what am I doing wrong?
many thanks

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>
    

<!-- 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/115.0.21984.171 Safari/537.36 Avast/115.0.21984.171

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

Link to the challenge:

2

Where are the closing tags for these two?

3

When i put closing tags I have error message
Your new div elements should be within the div with the class container .

6

just add 2 divs with marker class, youve nested a marker inside the other marker with no closing tag, and added a third nested inside that, even, with no closing tag. You already have one .marker, so add two more:

(I went back to the lesson to see why you might be confused, and I think part of the confusion is your first marker’s closing tag being on the next line. Add the next two markers AFTER that, not inside of it.)
Mod edit: removed
compared to your code:

7

@trenhel
I removed part of your post. Please do nit provide code to pass the challenge

Thanks

8

Nah dude youre removing teaching moments

9

The answer plus why it’s the answer IS teaching

10

Its ok if you dont agree with it, but its part of the forum rules. You can teach, but you cant give them the code to solve the challenge

11

thanks I managed to pass. I understood it at later stage why I had it wrong

1 Like
12

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