Learn CSS Variables by Building a City Skyline - Step 78

Tell us what’s happening:
Can someone help me out with this one?

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

My task is to add the second gradient, but my code does not pass and I’m told the following as a ‘‘hint’’:
You should add a repeating-linear-gradient with a first color of --building-color4 from 0% to 10% .

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

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

Link to the challenge:

2 Likes

Do you have a }

I don’t see one

I didn’t, although adding one hasn’t fixed the problem unfortunately. I still get the same ‘‘hint’’.

2 Likes

What is your updated code?

I’m not sure that the 90deg is part of the instructions?

2 Likes

There we go, that’s the one! Needed 2 pair of eyes to spot that one.
Thank you :slight_smile:

3 Likes

Excuse me, one question, how would you know that the 90deg was not in that code?

yes that’s the solution, thank you. @JeremyLT :heart:

This step took me about 100 steps of time !
How did I not notice her !
All letters and symbols are checked letter by letter.
And a whole line I didn’t pay attention to !
What an audit!
Anyway, this is a lesson as well, good coding! @rebekkapaaske

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