Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Guys I’ve been stuck on this, I don’t know what i’m missing

Your code so far

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

Your browser information:

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

Link to the challenge:

2

Can you show me the solution you’ve tried? It is actually advisable not to give out the answers directly, so it’d be much better to see what you’ve tried and work from that.

1 Like
3

Don’t change the given code. Restart step. Add another ‘repeating-linear-gradient’ property below the existing one for .fb1c. It is almost the same as the previous one. The difference is that instead of ‘transparent’ properties, you should have two var(--window-color4), and there is no gradient spread direction in degrees. Two ‘repeating-linear-gradient’ properties should be separated by a comma.
Follow the rule:
image

2 Likes
4

this is what you mean right?

//
background: repeating-linear-gradient(
90deg,
var(–building-color4) 0%,
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%
);
//

guess what? its still not working :slight_smile:

5 
var(–building-color4) 0%; -  is not the same as:  var(--building-color4) 0%;

It works perfectly. You have to enter two dashes properly.

6

It works now and actually i made a typo in window spelling… And the hyphens are not separated by space.