Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

lost here creating another repeating-linear-gradient

.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(--window-color4) 10%,
      var(--window-color4)90%
      );
}
2

  1. The two repeating-linear-gradient function calls have to be comma-separated.

  2. The first gradient in the second function has to have a start and end.

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 Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for 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.

3

still can’t figure out the solution

Your 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(
      var(--building-color4)0%,
      var(--window-color4) 10%,
      var(--window-color4)90%
      );
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/114.0

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

Link to the challenge:

4

You forgot to place a semi colon to end your first repeater statement.

5

Still no difference, all the same no changes

6

You didn’t make the changes.

Multiple background values should be comma-separated.

background: value, value;

You are still missing the end color stop. The last repeating-linear-gradient function should have 4 values inside it.

repeating-linear-gradient(start, end, start, end)

Example

background: repeating-linear-gradient(90deg, start, end, start, end),
  repeating-linear-gradient(start, end, start, end);
1 Like
7

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