Been stuck on this step for quite sometime. Google hasn't really been that helpful either

HTML-CSS
1

Tell us what’s happening:
I’ve been putting in new div elements within the "container " element but that seems to be wrong . I need some help understanding closing divs I guess Your code so far

/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Colored Markers</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <h1>CSS Color Markers</h1>
  <div class="container">
    <div class="marker">
      <div class="marker">
      </div>
    </div>
  </div>
</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/102.0.5005.115 Safari/537.36

Challenge: Step 14

Link to the challenge:

2

“add two more div elements”

This means to add two more div elements after the existing div element, not nested within the existing div element.

3

idk When I don’t nest it, it says its wrong. The error tells me to put it within the “container” div

4

Yes, the “container” div is the div with class="container", so all of the new divs should go inside that div. But the new divs should not be nested inside of each other.

Give it another try and if it doesn’t pass then paster your updated HTML in here.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

5

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