Learn CSS Variables by Building a City Skyline - Step 104

HTML-CSS
1

Tell us what’s happening:
I do not understand what is causing the code not to pass. I have added the gradients as in previous examples.

Your code so far

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

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

Link to the challenge:

2

The code continues to fail. I have tried various formats adding and removing code/syntax, but still doesn’t pass - your help is appreciated.

3

remove the second text for repeating-linear gradient(
take off the bracket after 5%

leave the var and transparent colors

4

Thank you, that helped.

1 Like
5

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