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

Español HTML-CSS
1

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:

2

Hola.

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

Un saludo.

3

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.

1 Like
4

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.

5

image
image1276×521 38.1 KB

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

6

Estoy muy cerca pero es increible

7 
<div class="container"> 
     <div class="marker"></div>
     <div class="marker"></div> 
     <div class="marker"></div>
</div>
2 Likes
8

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

9

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.

10

Para ser precisos hay que prestar mucha atención. Es dentro del div-container por así decirlo. Fíjense dónde está la etiqueta de cierre del div-market para hacerlo a fuera de él y hacerlo dentro del div-container, no se si me explico pero quedaría así:

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