Learn CSS Variables by Building a City Skyline - Step 105

HTML-CSS
1

Tell us what’s happening:

Error message: You should give .fb5 a second repeating-linear-gradient in the background property.
I’ve double checking my spelling and grammar to no avail. Please help in guiding me through any visible issues.

Your code so far

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


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

.fb5 {
  width: 10%;
  height: 33%;
  position: relative;
  right: 10%;
  background: repeating-linear-gradient(
      90deg, 
      var(--building-color2) 0%, 
      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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 105

2

Welcome to the forum @Lemonardo

Here is a comparison of the original code and your code.

The code in blue is the original code, the code in red is your code.
The code in magenta is the overlap.

image
image502×559 34.3 KB

You appear to have modified some code which you were not asked to do.
Please reset the step to restore the original code, and try again.

Happy coding