Learn CSS Variables by Building a City Skyline - Step 105

HTML-CSS
1

Tell us what’s happening:

Need help with this stuff:
what’s wrong is it?

Your code so far

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


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

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

/* 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/16.5 Safari/605.1.15

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 105

2

You have two errors.

When listing anything, you use a comer ,. If you use a semicolon ; you are telling the browser you have finished.

You do not need to use the keyword background: a second time when using a list of conditions.

This is an example, not the answer:

background: repeating-linear-gradient(
    colours
),
repeating-linear-gradient(
    colours
);
1 Like
3

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