Learn CSS Variables by Building a City Skyline - Step 104

HTML-CSS
1

Tell us what’s happening:

They say “ You should give the repeating-linear-gradient a first color of --building-color2 from 0% to 5%.” which I already did and I can’t figure out what’s wrong.

Your code so far

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


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

.fb5 {
  width: 10%;
  height: 33%;
  background: repeating-linear-gradient ( 
    var(--building-color2) 0%,
    var(--buildind-color2) 5%,
    transparent 5%,
    transparent 10%,
    );
  position: relative;
  right: 10%;
}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Safari/605.1.15

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 104

2

double check your parentheses for the commands you’re trying to do, make sure they’re spaced correctly. You should get indication from the coloring of the code if something isn’t right.

3

there should be no space before thr parentheses

4

It still didn’t passed.

1 Like
5

please show your new code, and what error you are getting

wait, the other issue is that there should not be a comma after the last color

6

This is my code right now, I removed the comma and it didn’t passed.

They say “ You should give the repeating-linear-gradient a first color of --building-color2 from 0% to 5% .”

.fb5 {
  width: 10%;
  height: 33%;
  background: repeating-linear-gradient( 
    var(--building-color2) 0%,
    var(--buildind-color2) 5%,
    transparent 5%,
    transparent 10%
);
  position: relative;
  right: 10%;
}
7

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

8

oh, found the issue, you removed the background-color property that was there, you should have not removed it. You may need to reset the step.

10

Next time I’ll do that preformatted text. Also I passed finally. Thank you.