Learn CSS Variables by Building a City Skyline - Step 78

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
1 Like

There should be no 90deg here

1 Like

Thx Cody! appreciate the fast help

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