Learn CSS Variables by Building a City Skyline - Step 78

I was asked to add a repeating-linear-gradientwith a first color of–building-color4from0%to10%` .:

**My code:

.fb1c {
  width: 100%;
  height: 80%;
  background: repeating-linear-gradient(
      90deg,
      var(--building-color4),
      var(--building-color4) 10%,
      transparent 10%,
      transparent 15%
    )
    background: repeating-linear-gradient(
      var(--building-color4), 
      var(--building-color4) 10%
      )

}

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

Link to the challenge:

Both repeating-linear-gradient go on the same background property. Look at the example code, they are command separated.

Here is the example from the MDN page on repeating-linear-gradient

background: repeating-linear-gradient(transparent, #4d9f0c 40px),
            repeating-linear-gradient(0.25turn, transparent, #3f87a6 20px);
2 Likes

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