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

HTML-CSS
1

Tell us what’s happening:
Step 14. Now that you’ve got one marker centered with color, it’s time to add the other markers.

In the container div, add two more div elements and give them each a class of marker.
This is the hint for when I keep getting it wrong!: Your second new div element should have an opening tag.
this was the original:




Your code so far

<div class="container" <div class="marker" <div class="marker" <div class="marker" 
<!-- 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> <div class="marker"</div> 
      <div class="marker"</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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

2

You are trying to nest the new markers inside of each other. You don’t want to do that. This is what you did to add the first marker div:

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

You just need to do this two more times. Add each one below (or after) the previous one. If it helps, you can think of each marker as

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

The opening and closing tags can be on the same line.

1 Like
3

Thank you so much. After your help with getting it right, it almost feels like I must’ve done this ‘correct’ solution at least once! :sweat_smile: I’m sure I’ll understand it better soon. I really appreciate your help!! and it makes so much more sense with your help - so simple…I can see what I’ve done wrong above , now, too :smiley:

1 Like
4

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