Learn CSS Variables by Building a City Skyline - Step 108

HTML-CSS
1

Tell us what’s happening:

I’ve tried several times to complete this step, but each time it shows the same hint : " You should give .fb6 a second repeating-linear-gradient in the background property."

Your code so far

.fb6 {
  width: 9%;
  height: 38%;
  background-color: var(--building-color3);
  background-image: repeating-linear-gradient(
    90deg,
    var(--building-color3),
    var(--building-color3) 10%,
    transparent 10%,
    transparent 30%,
  ),
    repeating-linear-gradient(
    var(--building-color3) 0 10%,
    var(--window-color3) 10% 30%,
  );
}

Your browser information:

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

Challenge: Learn CSS Variables by Building a City Skyline - Step 108

Link to the challenge:

2

Don’t use a comma on the last term that is followed by a parenthesis.

So this: ,) is wrong (even if the parenthesis is not on the same line)

3

I tried both, but still have the same hint :confused: Thanks for the answer tho !

4

You have a background-image attribute, when I think it should be background. Also (as per instructions), your second repeating-linear-gradient should be identical to the first except for removing 90deg and changing the two transparent values to your window variable.

5

I tried background-image because background wasn’t working :confused: I also tried to not use the shorthand property and ended up with the same result, still not working. Thanks a lot tho !

6

Well don’t know what I did, but it seems to have worked. Thanks to everyone who answered and tried to help !

7

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