Error en el ajusta el matiz de un color

Cuéntanos qué está pasando:
buenas tardes, estoy intentando realizar el desafio. pero me encuentro sin poder validarlo. cuando lo ejecuto me da todo ok menos el mensaje
El elemento div con clase green debe tener un background-color verde.

alguien podria darse cuenta que estaria haciendo mal ?

  **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; rv:92.0) Gecko/20100101 Firefox/92.0

Desafío: Ajusta el matiz de un color

Enlaza al desafío:

You have a couple of issues here.

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

First of all, you are defining the background color twice, once with the hsl and once with the word green. You don’t want the second one, get rid of that line. Fix this with all three classes:

Secondly, you have inserted an unnecessary colon (:) there: hsl:(.... Get rid to that in all three classes.

Lastly, for the “green” class, you have a space between the number and the percent sign (%). Get rid of those extra spaces. I know the description has them, I don’t know why.

When I fix those things, your code passes for me.

1 Like

Eres un genio Kevin !
Gracias por tomarte tu tiempo para ayudarme.
:slight_smile:

1 Like