Build a City Skyline - Step 102

HTML-CSS
1

Tell us what’s happening:

I set up the second repeating linear gradient similarly to the first one and used the percentage values that the step told me to, but it’s not passing my code. Can someone else look at this to see what I might have done wrong?

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; rv:149.0) Gecko/20100101 Firefox/149.0

Challenge Information:

Build a City Skyline - Step 102

2

Hi @bluejaybard
Take a close look at the background property inside the .fb1c selector! pay attention to how you added the second repeating-linear-gradient() !
In your code, this part needs another careful look:

Think about how multiple backgrounds should be written there.

Hope that helps!