Aprende variables CSS construyendo un horizonte de la ciudad - Paso 78

Hola a todos, estoy teniendo conflictos en el paso 78. La instrucción es la siguiente:

Puede agregar varios degradados a un elemento separándolos con una coma (,) como esta:

gradient1(
  colors
),
gradient2(
  colors
);

Agregue un repeating-linear-gradient a .fb1c debajo del que está allí; Use su --building-color4 de 0% a 10% y --window-color4 de 10% y 90%. Esto se completará detrás del degradado que agregó en último lugar.
Este es mi código:

Your code so far

.fb1c {
  width: 100%;
  height: 80%;
  background: repeating-linear-gradient(
      90deg,
      var(--building-color4),
      var(--building-color4) 10%,
      transparent 10%,
      transparent 15%
    ),
    repeating-linear-gradient(var(--building-color4) 0% 10%),
    repeating-linear-gradient(var(--window-color4)10%),
    repeating-linear-gradient(var(--window-color4)90%);
}

Pero me da el siguiente error:

Lo sentimos, tu código no pasa. Casi lo consigues.
Debe usar un segundo color de --window-color4 de 10% a 90%.

¿Cuál es la mejor forma de solucionarlo?

Your browser information:

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

Challenge Information:

Aprende variables CSS construyendo un horizonte de la ciudad - Paso 78

Hola.

Revisa el codigo:

1.- no te hace falta poner en todas las líneas repeating-linear-gradient
2.- te falta una segunda línea indicando el color al 10% (quitalo de la primera, que es la que indica el 0%, que por cierto no hace falta ponerlo)

te pongo un ejemplo de cómo sería:

repeating-linear-gradient( 
  var(--color1),
  var(--color1) 10%,
  var(--color2) 10%,
  var(--color2) 90%
 );

espero que te sirve el ejemplo. míralo y ajusta tu código.

saludos.

2 Likes

¡Muchísimas gracias! Pude solucionarlo gracias a tu explicación.

2 Likes