Learn CSS Variables by Building a City Skyline - Step 104

Tell us what’s happening:

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Good day, i can't seem to find out what i'm doing incorrectly. could you please assist me thanks

Give it a repeating-linear-gradient with your building color from 0% to 5%, and transparent from 5% to 10%.

.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) 5%
  ),
              repeating-linear-gradient(
            var(--building-color2) transparent 5%,
            var(--building-color2) transparent 10%
   );
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0

Challenge: Learn CSS Variables by Building a City Skyline - Step 104

Link to the challenge:

You have two linear gradients, but you only need one. So get rid of the second one, and then you still need to add two lines in your first gradient. The two lines should use the word “transparent” and go from 5% to 10%

1 Like

Much Thanks Cody_Biggs :pray:

I got it right on to the next one :slightly_smiling_face:

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