Learn CSS Variables by Building a City Skyline - Step 78

HTML-CSS
1

Tell us what’s happening:

Task is to create a new repeating-linear-gradient for .fb1c beneath the previous one.All this will tell me is that I should not alter the first repeating-linear-gradient.I fixed the alteration and it still won’t accept it.Help!

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(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/129.0.0.0 Safari/537.36 Edg/129.0.0.0

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 78

2

Look at your first gradient again.

Did you need to specify 0%?

3

I fixed that and it still won’t go through.I also tried refreshing the page,resetting the browser,and resetting the lesson.

4

Please share your updated code

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

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 (').

7

Look at how you used the building color variable and you need to access the window color variable in the exact same way/syntax.

If you format it like the previous linear gradient, with each variable on a new line it will be easier to read and compare. Might spot the difference better that way.

8

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