Step 14 color step

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

\ file: <!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 class="marker"</div>
    </div>
  </div>
</body>
</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 class="marker"</div>
    </div>
  </div>
</body>
</html>

\ file: h1 {
text-align: center;
}

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

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/101.0.4951.64 Safari/537.36 Edg/101.0.1210.53

Challenge: Step 14
Hello, I am needing help on step 14.
This is what it is requesting: In the container div , add two more div elements and give them each a class of marker .

This is what I wrote:

  <div class="marker">

    <div class="marker"</div>

      <div class="marker"</div>

  </div>

</div>

It is telling me that my div elements should be within the div with the class container. Any help would be appreciated!

2 
<div class="container">

  <div class="marker">

    <div class="marker"</div>

      <div class="marker"</div>

  </div>

</div>

This is what I had.

3

Your first marker div is wrapped around the other two maker divs. This is incorrect.

It is asking you to make three separate marker divs contained in inside the container div. i.e.

<div class=“box”>
 <div class=“cat”></div>
 <div class=“cat”></div>
 <div class=“cat”></div>
</div>
9 Likes
4

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