Aprenda los colores de CSS construyendo un conjunto de marcadores de colores - Paso 14

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

Tu código hasta el momento

<!-- 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> 
       </div>
       </div>
      <div class="marker">
      </div>
   

<!-- User Editable Region -->

  </body>
</html>
/* file: styles.css */
h1 {
  text-align: center;
}

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

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Desafío: Aprenda los colores de CSS construyendo un conjunto de marcadores de colores - Paso 14

Enlaza al desafío:

Hola.

Comprueba que has repetido 3 veces el div class marker y solo tienes que ponerlo 1 vez.

Un saludo.

Hola Carlos la consigna me dice lo siguiente:
En él div con la clase container , añade otros dos elementos div y dales una clase con el valor marker a cada uno.
He probado de varias formas pero no se como insertarlos honestamente.

ah, sí. perdona. lo leí mal.

el primer div class marker no lo cierras. entonces los otros dos quedan anidados dentro de él. te falta un </div>
tras abrir el segundo, cierras el div 3 veces. con lo cual cierras el container y los dos marker. te sobran dos </div>
el terecero lo tienes bien. pero detras debes cerrar el div container. te falta un </div>

espero haberme explicado bien. un saludo.

hola carlos gracias por tu ayuda, tu sabes que se ha puesto complicado jaja.

Estoy muy cerca pero es increible

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

Solucionado, muchas gracias Carlos. Debia cerrar cada div Marker en la misma fila y al final el container.

Saludos tuve este problema. el detalle estuvo en que dice " añade otros dos elementos div", y conté el que ya estaba asi que solo sume uno mas y me daba error, luego entendi que se deben colocar 3 veces, por si alguien llega con la misma duda.