Could anyone help me with this one I don`t get where I got it wrong

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

  **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 class="marker">
    </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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.63 Safari/537.36 Edg/102.0.1245.30

Challenge: Step 14

Link to the challenge:

You were given this to start.

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

You need to duplicate that inner div twice. Don’t nest it, put the duplicates after it. For those three inner divs, they should all be siblings, with their closing tag immediately following them, not wrapping each other.