Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:

Hello. I am getting an error on step 78: " You should not alter the first repeating-linear-gradient". I’m pretty sure I’ve done the step properly. I’ve looked on YouTube and have seen people pass this step with the code that I typed. I’m confused as to what it is I’m doing wrong here. The other posts I’ve seen for this step have syntax errors and such, but this looks good unless there’s something I’m just not seeing. I feel like I’m being gaslighted. I’ve also tried resetting the step and retyping the code to see if that would allow it to pass but it didn’t work. I’ll paste the instructions below just in case:

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

gradient1(
  colors
),
gradient2(
  colors
);

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.

Your code so far

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

Your browser information:

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

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 78

4

Yeah. I just edited the post. the code is still not passing. I had the dashes initially but in typing and retyping, things have gotten kind of discombobulated lol.

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

The above part of code is correct. You maybe have browser cache or extension issue. Or your other part of code is modified mistakenly.

6

Okay. so, I reset and retyped the code and it passed. Maybe I wasn’t seeing things properly but it’s all good now. Thank you!

1 Like
7

Your welcome. Keep it up, happy Coding.

1 Like
8

The step is not coming up so I am unable to complete it I had to come out and move on to step 79 and I have been able to complete the rest pf it as well as my other sections but I am unable to complete this step so I am stuck and unable to finish this section, what should I do.

9

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button 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.