Learn CSS Variables by Building a City Skyline - Step 108

link to the exercise

my code
**

.fb6 {
  width: 9%;
  height: 38%;
  background-color: var(--building-color3);
  background: repeating-linear-gradient(
    90deg,
    var(--building-color3),
    var(--building-color3) 10%,
    transparent 10%,
    transparent 30%,
  ),
   repeating-linear-gradient(
    var(--building-color3),
    var(--building-color3) 10%,
   var(--window-color3)
   );

**
please what am i omitting

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.

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

In the challenge.
you’re required to write exactly the same code you wrote in the first repeating-linear-gradient.

But with 2 exceptions.

  1. You would remove the 90deg direction
  2. You would replace the color transparent with var(–window-color3)

In your answer. you have removed the 90deg which is great

but your second repeating linear gradient doesnt have the same color shift. i.e from 0% - 10% for the first colors.
10%-30% for the second colors

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