Https://www.freecodecamp.org/learn/2022/responsive-web-design/#learn-css-variables-by-building-a-city-skyline

Step 105

STEP 105 requires us to add another repeating-linear-gradient below the one you just added. Give it a 90deg direction, use your building color from 0% to 12% and window color 12% to 44%. This will make a bunch of rectangle windows.

This is my solution:

  width: 10%;
  height: 33%;
  background-color: var(--building-color2);
  position: relative;
  right: 10%;
  background: repeating-linear-gradient(
      var(--building-color2),
      var(--building-color2) 12%,
      transparent 5%,
      transparent 12%),
      repeating-linear-gradient(
    90deg, 
    var(--building-color2),
    var(--building-color2) 12%,
    var(--window-color2) 12%,
    var(--window-color2) 44%
  );
}```

But this is incorrect because " my code does not pass because I should give `.fb5` a second `repeating-linear-gradient` in the `background` property.

Where am I going wrong?

You have changed some values in your first repeating-linear-gradient. You have also omitted some. Reset the lesson then run the second repeating linear gradient function as it is currently,do not change anything in the first one.

1 Like

Thank you @stephenmutheu I have done as you suggest and it has passed.

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