Learn CSS Variables by Building a City Skyline - Step 77

HTML-CSS
1

Tell us what’s happening:
I kept trying for days. I blocked all extensions from my browser, I reset the code, I refreshed the page and I tried from a different browser.
I still have the following error:
" You should give .fb1c a background with a repeating-linear-gradient "
Your code so far
.fb1c {
width: 100%,
height: 80%,
background: repeating-linear-gradient(
90deg,
–building-color4,
–building-color4 10%,
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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

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

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-77Preformatted text

2

Hello.

You have several mistakes.

1.- The lines widthand height should end with ; and not with ,

2.- The variables are poorly writen. Look this example:

  • var(--variableName)

Check your code.

Grets.

2 Likes
3

Thank you CrlosZgz. Could you also help with this:

.bb3 {
width: 10%;
height: 55%;
background: repeating-linear-gradient (
90deg,
var(-–building-color3),
var(-–building-color3),
var(-–window-color3),
var(-–building-color3)
)
}

4

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