Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:
i am stuck here pls help me it keeps bringing me this message:
You should add a repeating-linear-gradient with a first color of --building-color4 from 0% to 10% . i added a 0% at the first variable but it didnt work.. i dont what i am doing wrong
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.

 background: repeating-linear-gradient(
    var(--building-color4) 0%,
    var(--building-color4) 10%,
    var(--window-color4) 10%,
    var(--window-color4) 90%%
);
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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

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

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-78`Preformatted text`

2

Hello!

I cannot see if it is in the correct selector.

Are you able to post your complete CSS code for us, please?
Sometimes, the issue is not within the current code, but outside in some of our previous code. I do not know what this happens; but I know from experience, it does sometimes happen.

You are progressing great!

3 
.fb1c {
  width: 100%;
  height: 80%;
  background: repeating-linear-gradient(
      90deg,
      var(--building-color4),
      var(--building-color4) 10%,
      transparent 10%,
      transparent 15%
    ),
    background: repeating-linear-gradient(
    var(--building-color4) 0%,
    var(--building-color4) 10%,
    var(--window-color4) 10%,
    var(--window-color4) 90%%
);
here is the complete code
4

Thank you!
If you remove the property name background:
before the second repeating-linear-gradient (which needs to remain in the code)
and remove the extra % on the last window color
it should pass for you.

Keep up the great progress!

1 Like
5

thankyou so much, you have helped me so much

1 Like
6

I am always happy to help! That is what the community does; we help one another progress.
It is nice to see the progress you are making.
You can be proud of you accomplishments.

Keep up the focused progress @haxleylona.43

1 Like
7 
.sky {
background: radial-gradient (
#ffcf33,
#ffcf33 20%,
#ffff66 21%,
#bbeeff 100%
)
}
HELP...pls.....
8

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