Learn CSS Variables by Building a City Skyline - Step 104

Tell us what’s happening:

I need some help I have tried looking on the forum for answers but found none. this should’ve been easier but here’s my code
```background: repeating-linear-gradient(
var(–building-color2) 0,
var(–building-color2) 5%,
transparent 5%,
transparent 10%
);
I’ve tried inputting this as I’ve done in prior steps but I keep getting that it should be from 0 to 5% of that building-color variable what can I do here?

Your code so far

<!-- file: index.html -->

/* file: styles.css */
/* User Editable Region */

.fb5 {
  width: 10%;
  height: 33%;
  background-color: var(--building-color2);
  background: repeating-linear-gradient(
    var(--building-color2)0,
    var(--building-color2)5%,
    transparent 5%
    transparent 10%
    );
    
  position: relative;
  right: 10%;
}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:126.0) Gecko/20100101 Firefox/126.0

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 104

Missing a comma between these two

1 Like

thanks yeah was missing that but I’m still getting the from 0% to 5% message when trying to advance

You should give the repeating-linear-gradient a first color of --building-color2 from 0% to 5%. this is the message I keep getting when trying to advance

What is your updated code?

Follow Cody_Biggs instruction.

Plus add % behind the 0 to make it 0%, to see if that will help you pass the step.

Happy coding!

thanks but it turned out that all I needed to do was delete the 0 entirely and it went through it had me beaten ngl but managed to push forward

1 Like