Problema con HSL

Español HTML-CSS
1

Hola escribí bien el código de los HSL pero no me está dejando seguir, intenté abajo poner los background-color por su nombre y me dejó todos menos con el verde, no puedo continuar


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

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

.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" style="background-color=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/97.0.4692.71 Safari/537.36

Desafío: Ajusta el matiz de un color

Enlaza al desafío:

2

Hola ya lo resolví, para quien tenga el mismo problema solo tiene que acercar los % a los valores, no debe haber ningún espacio en el medio de estos.

1 Like
3

You need to delete the other background color property too