Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:

submit that code it gives that error repeating-linear-gradient with a first color of --building-color4 from 0% to 10%.
.fb1c {
width: 100%;
height: 80%;
background:
repeating-linear-gradient(
90deg,
var(–building-color4),
var(–building-color4) 10%,
transparent 10%,
transparent 15%
),
repeating-linear-gradient(
90deg,
var(–building-color4) 0%,
var(–building-color4) 10%,
transparent 10%,
transparent 20%
);
}

Your code so far

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


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

.fb1c {
  width: 100%;
  height: 80%;
  background: 
    repeating-linear-gradient(
      90deg,
      var(--building-color4),
      var(--building-color4) 10%,
      transparent 10%,
      transparent 15%
    ),
    repeating-linear-gradient(
      90deg, 
      var(--building-color4) 0%,
      var(--building-color4) 10%,
      transparent 10%,
      transparent 20%
    );
}



/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 78

2

hi there,

take another look at the instructions.
The colors you have are not all correct.

1 Like
3

hi there, thank you for you kind reply, please help which colors are wrong?

4

Which colors did you add?
Which colors did they ask for?
Please compare what you wrote to the instructions.

5

hi, i am completely stuck, this are the code i think they are correct after i gave it repeatedly try,
.fb1c {
width: 100%;
height: 80%;
background:
repeating-linear-gradient(
90deg,
var(–building-color4),
var(–building-color4) 10%,
transparent 10%,
transparent 15%
),
repeating-linear-gradient(
90deg,
var(–building-color4) 0%,
var(–building-color4) 10%,
var(–window-color4) 10%,
var(–window-color4) 90%
);
} but still giving me the same error

6

The colors look okay now but the angle is not ?

7

is the angle not 90deg for both gradient? this error (You should add a repeating-linear-gradient with a first color of --building-color4 from 0% to 10%) keep appearing even after you said the color looks good

this the code i submitted : .fb1c {
width: 100%;
height: 80%;
background:
repeating-linear-gradient(
90deg,
var(–building-color4),
var(–building-color4) 10%,
transparent 10%,
transparent 15%
),
repeating-linear-gradient(
90deg,
var(–building-color4) 0%,
var(–building-color4) 10%,
var(–window-color4) 10%,
var(–window-color4) 90%
);
}

8

Hi there!

The instructions didn’t asked to add 90deg for second linear gradient.

9

Thank you very much,