Learn CSS Variables by Building a City Skyline - Step 77

HTML-CSS
1

Direction of the challenge:
Add a repeating-linear-gradient to .fb1c with a 90deg angle, your --building-color4 from 0% to 10% and transparent from 10% to 15%

My Code:

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

I’m confuse what to add in the second color for the transparent color.

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

Link to the challenge:

2

Can you provide a link to the challenge.

In the future, if you have a question about the challenge the best way is to use the ask for help button (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times. The button will create a new topic with all code you have written and include a link to the challenge also.

1 Like
3

Oh I see. I will add the link to the challenge. Thanks

4

Thanks, there are a lot of challenges and having the link is just a better reference for us to see everything.

So, for this challenge you just need to add the word “transparent” followed by the percentages like you did the with variables. Here though, you do not need to use any parentheses around the word transparent.

1 Like
5

Thank you so much for the help. Been trying to solve this one for a couple of hours.

1 Like