Learn CSS Variables by Building a City Skyline - Step 105

HTML-CSS
1

ERROR: You should give .fb5 a second repeating-linear-gradient in the background property.

.fb5 {
  width: 10%;
  height: 33%;
  background-color: var(--building-color2);
  position: relative;
  right: 10%;
  background: repeating-linear-gradient(
    var(--building-color2) 0%,
    var(--building-color2) 12%,
    transparent 5%,
    transparent 10%
    ),
    repeating-linear-gradient(
      90deg,
      var(--building-color2) 0%,
      var(--building-color2) 12%,
      var(--window-color2) 12%,
      var(--window-color2) 44%
    )
}
2

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

3

it looks like there were changes made to the first repeating-linear-gradient here.

I would suggest resetting the lesson and not touching that one.

then you should be able to pass the lesson once you add in your second linear gradient

1 Like
4

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