Learn CSS Variables by Building a City Skyline - Step 104

Tell us what’s happening: no idea why I am getting this error. You should give the repeating-linear-gradient a first color of --building-color2 from 0% to 5% .

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Learn CSS Variables by Building a City Skyline - Step 104

Link to the challenge:

Unfortunately, we can’t see your code.

sorry about that

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

Ok, you’re gonna need two of each color. It needs to know what color is starting at the percentage you give it, separately. You also don’t need to put in the 0%. It assumes that’s where you’re gonna start, like so:

background : repeating-linear-gradient( blue, black 20%, blue 30%, black 55%);

hi there- thanks. it is giving me an error

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

That last comma is unneeded, because its the end of the string the next symbol should be )

1 Like