Learn CSS Variables by Building a City Skyline - Step 78

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:

1 Like

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

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

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:

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

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

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

and what I’m missing too here ?

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