Stuck on step 105 Skyline

HTML-CSS
1

" 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%
    ),
    repeating-linear-gradient(
      90 deg,
      var(--building-color2) 0%,
      var(--building-color2 12%,
      var (--window-color2) 12%,
      var (--window-color2) 44%
    );
}

Your browser information:

Opera

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.

2

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

3

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

4

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

5

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

6

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.

syntax-error

1 Like
7

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

8

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