Stuck on step 105 Skyline

" Step 105

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."

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

Your browser information:


Challenge: Step 105

Link to the challenge:

I’m under the impression that this is correct, as this is how I paired two linear gradients in other class selectors. I can’t find what the error is.

Check the second repeating-linear-gradient and make sure you have closed ) all the var()

Where is the error? As far as I can tell, all the var () are closed correctly.

The error is here var(--building-color2 12%,

Well, I just tried the exact same code referenced in my original post and now it’s somehow working. Thanks for replying

The code you have in the initial post has a syntax error. You can tell by the red squiggly line at the ending semicolon for the style rule.


Try removing the space between 90 and deg to make it 90deg