Learn CSS Variables by Building a City Skyline - Step 105

HTML-CSS
1

Tell us what’s happening:

You should give .fb5 a second repeating-linear-gradient in the background property.

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

.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) 12%,
      transparent 5%,
      transparent 10%
    ), repeating-linear-gradient(90deg, var(--building-color4)0%, var(--building-color4) 12%, var(--window-color4) 12%, var(--window-color4) 44%); 
}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 105

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

1 Like
3

i keep getting the error message You should give .fb5 a second repeating-linear-gradient in the background property.

4

Ok. What about that error message is confusing?

5

I have applied the second repeating-linear-gradient

6

First issue is that there should be a space before 0%

7

corrected still have same error message

8

No, you should have a different message.

What is your updated code?

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

That code works correctly for me

11

I don’t know why it’s still not working :sleepy:

12

What error message do you have? Did you make any changes to the surrounding code?

The less you say, the harder it is to help

13

/ running tests You should give

.fb5

a second

repeating-linear-gradient

in the

background

property. You should give the second

repeating-linear-gradient

a direction of

90deg

. You should give the second

repeating-linear-gradient

a first color of

--building-color2

from

0%

to

12%

. You should give the second

repeating-linear-gradient

a second color of

--window-color2

from

12%

to

44%

. // tests completed

14

You are getting all those error messages at once?

You checked that you have not made any other changes?

15

No,
I didn’t make any changes to the surrounding code

16

How did you verify this?

17

yeah , I checked the console for the error message.

18

went back to previous code

19

What does that mean exactly? Just looking at the previous code isn’t a good verification that you didn’t accidentally make a stray change

20

okay let me recheck again