Another problem with CSS gradient stops 😅

HTML-CSS
1

Challenge Link: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-78

Instructions:
Add a repeating-linear-gradient to .fb1c below the one that’s there; use your --building-color4 from 0% to 10% and --window-color4 from 10% and 90% . This will fill in behind the gradient you added last.

My code:

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

Error:
:heavy_multiplication_x: Try again. This might help:
You should use a second color of --window-color4 from 10% to 90%

I’m supposed to make the second color --window-color4 but if I do that, I get the error:
:heavy_multiplication_x: Try again. This might help:
You should add a repeating-linear-gradient with a first color of --building-color4 from 0% to 10%.

1 Like
2

You can add multiple gradients to an element by separating them with a comma ( , )

repeating-linear-gradient(), repeating-linear-gradient()

3 Likes
3

Thanks!
Gradients just trip me up ig. :woman_shrugging:

2 Likes
4

hi Meimato,

could you help me on this one?

image
image672×630 31.2 KB

5

image
image809×625 26.7 KB

even like this, its wrong…
help, please :frowning:

1 Like
6

mod edit: solution redacted

7 Likes
7

thank you!
i appreciate it

8

Its helpful thanks for this.

9

Sorry, your code does not pass. You’re getting there.

You should use a second color of transparent from 10% to 15%.
I have tried using that code it hasn’t work for me…please help

10

It hasnt worked for me,What is the solution? kindly

11

It hasn’t worked for me ,what must i have done wrong?

12

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.

14

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.