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

HTML-CSS
1

Tell us what’s happening:

Here is my code so far for step 14.

  It  replies Sorry etc.

your new div elements should be within the div within the class container.

I’ve tried multiple ways to fix this but to no avail and have read multiple RSA explanations .

Can someone please tell me what I;m doing wrong?

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/131.0.0.0 Safari/537.36

Challenge Information:

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

2

Hi there! You have added the marker div elements within the other marker div. You need to add it separately .

Example

<div class="container">

<div class="one"></div>
<div class="two"></div>
// ..............
</div>