Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

** I have done what I could here, but all my attempts tells me to add a repeating-linear-gradient with a first color of --building-color4 from 0% to 10% . What am I doing wrongly?**

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

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

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

Link to the challenge:

2

To display code please use a back tic ` before and after a code line and three above and bellow a code block.
If you cant find a back tic on your keyboard use ALT + 096 to display one.

" and --window-color4 from 10% and 90%. This will fill in behind the gradient you added last. "

on your second repeating-linear-gradient:
--window-color4 should be the third and forth colour, there should not be any transparent values.

It should NOT have a direction of 90deg

Your colours should have the correct %.

Try treating the step as a list of instructions. Follow them one at a time to check what it is you have already done and edit anything that needs changing

3

I have tried what you just suggested, but it still says the same thing " You should add a repeating-linear-gradient with a first color of --building-color4 from 0% to 10% ."

4

Is the code you posted just now your latest attempt?
if not please post your last try

you can edit any post you make by clicking on the pencil icon image at the bottom of any post or reply

5

I have done what I could here, but all my attempts tells me to add a You should use a second color of --window-color4 from 10% to 90%. . What am I doing wrongly?

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

I know why your answer isn’t passing…

its a syntax error

take out the very last comer.
image

8

Thank you. I looked at it and that was it.

1 Like