Learn CSS Variables by Building a City Skyline - Step 104

I keep getting an error with this code. I think it’s correct. the suggestion keeps saying i need to declare a background property but as you can see I have already.

.fb5 {
  background: repeating-linear-gradient(
    var(--building-color2) 0%,
    var(--building-color2) 5%,
    transparent 5%,
    transparent 10%
  );
  width: 10%;
  height: 33%;
  background-color: var(--building-color2);
  position: relative;
  right: 10%;
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:102.0) Gecko/20100101 Firefox/102.0

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

Link to the challenge:

1 Like

Welcome to our community!
Put all of your code below the ‘background-color’ property.
It is correct just isn’t in the right place.

1 Like

Hi @badguru and welcom to the Forum!!

Your code is correct but note you are overriding the background shorthand with background-color, read about those properties in MDN Web Docs, I think you will understand what the problem is.

Well done and keep going!!