Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:
I am stuck I keep getting an error stating I should not alter the 1st repeating gradient. However I have followed the example code which requires you to delete the closed } and and add a comma, before adding the 2nd repeating gradient. This topic has been raised before but the feedback did not work either, can someone help please?

Your code so far
.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)10%;

}
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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

Missing parentheses, unnecessary semicolon on your last line of code for var(–window-color4) and it is not 10%. Re-read the instruction.

3

Hi there

I had the parenthesis there perhaps I did not copy it into my question. I changed the 10% to 90% but it still does not work. The error message about not changing the first gradient still stands. See my amended code

.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%;

}

4

rather than copy paste your code, you should use code snippet.
Using preformatted text or (```) between your code. It is hard to judge based on your copy paste.

5

image
image933×642 50.7 KB

Hi, I have attached a screen shot of my code

6

Parenthesis is still missing.

Please don’t show screenshots of code next time.

7

Missing where please? And why can I not show a screenshot?

8

I cannot test a screenshot.

If your code had an obscure error, I could test it and try to see what that is (but not if it is a screen shot.

To find the missing paren just match your parens. (You will find one lonely one without its partner)

9

.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%;}

Here is the code again

10

You still have a mismatched parenthesis

11

please can you be more specific, as it is a bit frustrating.

12

First, google the word parentheses
Second, there is no need to put semicolon in your last 90%.

Try to google stuff too

13

I see an open parentheses after the word gradient, but no matching closing one.

1 Like
14

Oh my goodness!! :grinning: The code has passed. I removed the last semi-colon. Thank you!!

15

Thank hbar1sr, I added in the opening bracket and removed the last semi colon. Harta also helped solve this issue, as I had several things wrong in my code, Thanks again!! :grinning:

1 Like
16

the last semi-colon is not wrong btw.
it is optional (so long as it was placed after the missing parenthesis)

17

thanks for that information!

1 Like
18

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