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

HTML-CSS
1

Tell us what’s happening:
it kept saying " Your new div elements should be within the div with the class container" did i miss anything?

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/115.0.0.0 Safari/537.36 Edg/115.0.1901.203

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

Link to the challenge:

2

what you did here is called - nesting of divs
you basically put one div inside another, then again one div inside another.

you need to close existing div, then just repeat that again and again. so don’t nest them.

3 Likes
3

Hello.

You need open and close your divs (marker) in the same line.

As you wrote, the divs are nested.

Grets.

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

i did that and it’s still not right

5

Each <div> closing tag should go right after the matching <div> opening tag and before your next <div> tag.
Ex:

<div></div>
<div></div>