Step 78 - Learn CSS Variables by Building a City Skyline

Add a repeating-linear-gradient to .fb1c below the one that’s there; use your --building-color4 from 0% to 10% and --window-color4 from 10% and 90%. This will fill in behind the gradient you added last

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

    background: repeating-linear-gradient(
      var(--building-color4) 0%,
      var(--building-color4) 10%,
      var(--window-color4) 10%,
      var(--window-color4) 90%
    );
}

Afternoon, All of you,

I’m having trouble understanding what is going wrong with this step.

The hint I received says the following:

## Hint

You should not alter the first repeating-linear-gradient

I didn’t alter the first gradient, and I’m not sure which action to take.

Thanks in advance for your help.

Jackie

The reason the test is complaining is because you essentially overwrote the first gradient when you wrote the second.
Look at your preview pane. Can you still see the first style?

The solution is not to put your new gradient in a new background property but rather to ADD the new gradient to the one you started with.

In this area, delete the first semi-colon you see and replace it with a comma. And delete the second “background :”

This will add the new background to the old (versus overwrite the old background with the new).

1 Like

Thank you so much for your feedback!!!

I understand what you are teaching me. I needed to add not to overwrite.
This helped so much.
I’m a happy camper now

1 Like