Learn CSS Variables by Building a City Skyline - Step 77

HTML-CSS
1

Tell us what’s happening:
Hi team. I have similar issue as that of the question 60. the code looks okay, but I can’t go beyond the step. Please assist.

Your code so far

.fb1c{
  background: repeating-linear-gradient (90deg,var(--building-color4) 0%,   var(--building-color4) 10%,transparent 10%,transparent 15%)
}

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:

2

There shouldn’t a space between the name of the function and the parentheses.

repeating-linear-gradient() not repeating-linear-gradient ()

3

I removed the space but I still have the smae issue.

.fb1c{
  background: repeating-linear-gradient(90deg,var(--building-color4) 0%, var(--building-color4)  10%,  transparent 10%,  transparent 15%)
}
4

Your code is passing for me. Try copying it and then reset the challenge, the paste it in.

You did remove some styles (height and width) but the test doesn’t seem to care about that.

5

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 "

6

I can just copy/paste your latest code and it passes.

I would suggest you use the “Ask for help” button instead so we can see all the code.

The only thing I can think of is that you are not adding the style to the selector in the starting code, but repeating it after it.

Wrong

.fb1c {
  width: 100%;
  height: 80%;
}

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

Correct

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

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