Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Hi, I could use some help with this one if anyone could be so kind to point me in the right direction? The hint I am getting is - You should not alter the first repeating-linear-gradient.

Task: Add a repeating-linear-gradient to .fb1c below the one that’s there; use your --building-color4 from 0% to 10% and --window-color4 from 10% and 90% . This will fill in behind the gradient you added last.

My code so far:

.fb1c {
  width: 100%;
  height: 80%;
  background: repeating-linear-gradient(
      90deg,
      var(--building-color4),
      var(--building-color4) 10%,
      transparent 10%,
      transparent 15%
    ),
    repeating-linear-gradient(
      90deg,
    var(--building-color4), 0%
      var(--building-color4) 10%,
      var(--window-color4) 10%,
      var(--window-color4) 90%
}

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

Link to the challenge:

2

try taking out the 90 deg

1 Like
3

The instruction doesn’t require adding the direction value in the repeating-linear-gradient.

1 Like
4

Thank you, I tried it without that and it still doesn’t pass and gives the same hint.

5 
.fb1c {
  width: 100%;
  height: 80%;
  background: repeating-linear-gradient(
      90deg,
      var(--building-color4),
      var(--building-color4) 10%,
      transparent 10%,
      transparent 15%
    ),
    repeating-linear-gradient(
    var(--building-color4), 0%
      var(--building-color4) 10%,
      var(--window-color4) 10%,
      var(--window-color4) 90%
}

I tried refreshing the page as well, not sure what I am missing.

6

your missing a
);
at the end

1 Like
7

Ah yes, thanks so much it passed! I also just realized I had a comma in the wrong place too. Thanks so much for your help!

1 Like
8

Delete the 0% after the first color.

1 Like
9

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