[SOLVED] Challenge 51 Learn CSS Variables - Seeking Help

Tell us what’s happening:
I’ve looked on the forum, and only found one post. It was solved but I’m struggling to see anything in common with the errors already pointed out there.

Usually, the hint isn’t particularly helpful either.

Hint: You should give .bb2b a background property.

Any help or direction anyone can provide, I would be immensely grateful.

Note: I have tried this with both Firefox (supported) and Safari (not so much).

Your code so far

.bb2b {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    var(--building-color2 0%),
    var(--building-color2 6%),
    var(--window-color2 6%),
    var(--window-color2 9%)
    );
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15

Challenge: Step 51

Link to the challenge:

Finally figured it out \o/

Leaving this post in the hope it can be helpful for anyone else struggling with this particular challenge.

The x% values needed to be outside the parenthesis:

  background: gradient-type(
      var(--example),
      var(--example) 4%,
      ...
    );