Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:

Instructions: Step 78

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.

I need help here, must be something I miss-spelled because I cant figure it out on my own. According to google, in my understanding, my code should pass. Because the “preview” window here on codecamp is updating the “building” with this code, but it wont let me pass.

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-gradient(
        90deg,
        var(--building-color4) 0%,
        var(--building-color4) 10%,
        var(--window-color4) 10%,
        var(--window-color4) 90%
  );
}




**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36</code>

**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
2

There should be no 90deg here

3

Thx Cody! appreciate the fast help