Learn CSS Variables by Building a City Skyline - Step 104

HTML-CSS
1

Tell us what’s happening:
I’m unable to pass the challenge even though I’m pretty sure it should be correct. I’m supposed to use a repeating-linear-gradient and give it a first color of var(–building-color2) from 0% to 5%. It fails even though I’ve completed similar challenges on this same course. Help!

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.

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.105 Safari/537.36

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

Link to the challenge:

2

Maybe it’s a bug, you need to specify it by using repeated points instead of using the shortcut. I mean, instead of “color first% second%”, you need to use “color first%, color second%”.

Which would be:

[Removed by moderators]

I may be mistaken but I think they’re the same, so I’m thinking this is a bug but better wait for other people to make sure that’s the case or why it is not the same.

1 Like
3

It worked! Thanks! I think it’s a bug because the syntax is correct. Hopefully we get more feedback from the powers that be.

4

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

5

Thanks for the info. While you’re here, could you tell us why the code wasn’t working. The syntax seems to be correct.

6

The only reason I did it is because his solution was correct already. If even then it is to be avoided, I’ll do so.

7

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