Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:

What do I do wrong this time?

Your code so far

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; rv:120.0) Gecko/20100101 Firefox/120.0

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 78

2

Unfortunately, we cannot see your code.

3

the other guy told me that you will get a link to the code when I use the help

4

Most of the time it does give us your current code. However, this is one of those challenges where the code is too large to bring over. When this happens you will need to add the code yourself

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5

this is the question/challenge:
Add a repeating-linear-gradient to .fb1c below the one that’s there; use your --building-color4 from 0% to 10% and --window-color4 from 10% and 90%. This will fill in behind the gradient you added last.

this is the 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%;
}

this is the hint:
You should use a second color of --window-color4 from 10% to 90%.

6

Do you see something different in one of these lines that are not in the rest. There should also no be anything after 90%. Then you still have to close your linear gradient correctly.

7

To be honest I realy don’t see it

8

Why is there a ) here after 10%?
Did you you remove the ; after 90%?
What about closing the gradient

9

Now I see the problem instead of having the “)” after 10% I should have it after the 90%
and it did work

Thank you very much

1 Like
10

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