Build a City Skyline - Step 102

HTML-CSS
1

Tell us what’s happening:

The code looks good from my perspective but the error message says otherwise. I must be overlooking something simple - this is the second step that used back to back repeating-linear-gradients and the syntax used is relatively identical.

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

.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%,
      transparent 5%,
      transparent 10%
    ), 
    repeating-linear-gradient(90deg, var(--building-color2) 0%, var(--building-color2) 12%, var(window-color2) 12%, var(window-color2) 44%);
}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36

Challenge Information:

Build a City Skyline - Step 102
https://www.freecodecamp.org/learn/full-stack-developer/workshop-city-skyline/step-102

2

In your new repeating-linear-gradient, compare your building-color2 variable to your window-color2 variable. The latter is missing something.

3

unbelievable - I knew it was something like that - I just didn’t see it. thank you. wow. I would have been here at least another day, huge thanks.

1 Like