Construyendo horizonte de la ciudad paso #23

hola no comprendo como agregar el color de respaldo en el paso 23 de construyendo un horizonte de la ciudad

Paso 23

Eso no funcionó. Debe agregar un valor de reserva a una variable poniéndolo como el segundo valor de donde usa la variable de esta manera: var(--variable-name, fallback-value). La propiedad usará el valor de reserva cuando haya un problema con la variable. Agregue un valor de reserva de green al background-color de .bb2.

  • {
    border: 1px solid black;
    box-sizing: border-box;
    }

body {
height: 100vh;
margin: 0;
overflow: hidden;
}

.background-buildings {
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: space-evenly;
}

.bb1 {
width: 10%;
height: 70%;
display: flex;
flex-direction: column;
align-items: center;
–building-color1: #aa80ff;
–building-color2: #66cc99;
}

.bb1a {
width: 70%;
height: 10%;
background-color: var(–building-color1);
}

.bb1b {
width: 80%;
height: 10%;
background-color: var(–building-color1);
}

.bb1c {
width: 90%;
height: 10%;
background-color: var(–building-color1);
}

.bb1d {
width: 100%;
height: 70%;
background-color: var(–building-color1);
}
.bb2 {
width: 10%;
height: 50%;
background-color: var(–building-color1, fallback-value)
}
.bb3 {
width: 10%;
height: 55%;
}

.bb4 {
width: 11%;
height: 58%;
}

Bienvenido de nuevo a nuestro foro.

Para agregar el color de reserva, deje espacio y escriba el color detrás del original.
¡Espero que esto ayude!

¡Feliz codificación! :slight_smile:

.bb2 {
width: 10%;
height: 50%;
background-color: var(–building-color2 color-#66cc99);
}

.bb2 {
width: 10%;
height: 50%;
background-color: var(–building-color2 --building-color1);
}

.bb2 {
width: 10%;
height: 50%;
background-color: var(–building-color2 background-color#66cc99)
}
PROBE DE TODAS ESTAS MANERAS , NO ME SALE EL CODIGO

Hola buenas tardes yo en mi caso lo resolvi asi:

.

Hola, solo agrega el color al final

background-color: var(–building-color2, green);

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