Ajusta el matiz de un color

HTML-CSS
1

Completo el codigo correctamente y cuando intento ejecutar pruebas, continua diciendo que esta mal el codigo green

  **Tu código hasta el momento**


<style>
body {
  background-color: #FFFFFF;
}

.green {
  background-color: hsl(120, 100 %, 50 %);
  background-color: green;
}

.cyan {
  background-color: hsl(180, 100 %, 50 %);
  background-color: cyan;
}

.blue {
  background-color: hsl(240, 100 %, 50 %);
  background-color: blue;
}

div {
  display: inline-block;
  height: 100px;
  width: 100px;
}
</style>

<div class="green"></div>
<div class="cyan"></div>
<div class="blue"></div>

  **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/90.0.4430.212 Safari/537.36

Desafío: Ajusta el matiz de un color

Enlaza al desafío:

2

Right, but you did not follow the directions, they said to “change” (“cambia”) the color or each, not add another color definition. They wanted you to replace the old one. Each class should have only one background-color defined - you have two for each.

When I fix that (removing the old attributes) your code passes for me.

3

Right Kevin, but if I complete like this:
.green {

background-color: hsl(120, 100 %, 50 %);

}

Where must I put

The div element with class green should have a background-color of green.?

4

You us keep the div elements that already exist. Perhaps you need to press the “Reset All Code” and start fresh - you don’t need to add or subtract anything, just change three lines.

5

hola.
veo que estas cambiando el color de los div utilizando los nombres. solo debes cambiar de notacion HEX a hsl. Ej el verde seria :
background-color: hsl(120, 100%, 50%);

6

Fijate cuando pones:

background-color: hsl(240, 100 %, 50 %);

de que los signos porcentajes esten pegados a los numeros. Te deberia quedar algo asi:

.green {

background-color: hsl(120, 100%, 50%);

}

.cyan {

background-color: hsl(180, 100%, 50%);

}

.blue {

background-color: hsl(240, 100%, 50%);

}

Saludos!

7

Hola, la prueba me pide q el elemento de la clase “green” tenga un background-color green lo pongo pero no me lo toma la pagina, de los otros elementos si los toma

8

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