Learn CSS Variables by Building a City Skyline - Step 78

Tell us what’s happening:

everything is correct but everytime it is failing

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%
    ),
    repeating-linear-gradient(
      90deg,
      var(--building-color4) 0%,
      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/137.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 78

Welcome to the forum @Ganesh02

Try removing 90deg from the second repeating linear gradient.

Happy coding

1 Like

.fb1c {

width: 100%;

height: 80%;

background:

repeating-linear-gradient(

  90deg,

  var(--building-color4)0%,

  transparent 10%,

  transparent 15%

),

repeating-linear-gradient(

  90deg,

  var(--building-color4) 10%,

  var(--building-color4) 10%,

  var(--window-color4) 10%,

  var(--window-color4) 90%);

} i am having this issue as well Sorry, your code does not pass. Hang in there.

You should not alter the first repeating-linear-gradient.

please create your own topic

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.