Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:

Either something is broken or my code isn’t right. Either way i cant get passed step 78 Responsive Web Design no matter what i do.

Your code so far

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


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

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

/* 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/124.0.0.0 Safari/537.36 Edg/124.0.0.0

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 78

2

There are two things with your code:

First, as in the example code, two gradients should be on the same CSS property, separated by a coma (,)

property:
    gradient1(
      colors
    ),

    gradient2(
      colors
    );

or on the same line:

property: gradient1(colors), gradient2(colors);

Secondly, in the instruction, the second gradient doesn’t have a 90deg angle.

1 Like
3

I’m counting 8 comas and I’m seeing a 90deg angle at the beginning of both gradient properties am I missing something?

4

About the second gradient, the instruction said:

use your --building-color4 from 0% to 10% and --window-color4 from 10% and 90%

So there is no 90deg angle on the second gradient.

Yes, there are 8 comas, in which:

  • 4 comas inside the first gradient
  • 1 coma is used to separating the two gradients from each other
  • 3 comas inside the second gradient
1 Like
5

Its still something missing. I don’t know quiet what it is but it keep saying I can’t alter the first gradient.

6

Copy and paste your code here, with three back ticks (```) in a separate line before and after your code .
@jameswilsonjr028

7

I figured it out. thank you though