Learn CSS Variables by Building a City Skyline - Step 60

Tell us what’s happening:
Fill in .bb3 with a repeating-linear-gradient . Use 90deg for the direction, your building-color3 for the first two colors, and window-color3 at 15% for the third. When you don’t specify a distance for a color, it will use the values that makes sense. In this case, the first two colors will default to 0% and 7.5% because it starts at 0% , and 7.5% is half of the 15% .

**HINT: You should use --building-color3 for the first two colors.

Your code so far

/* file: styles.css */
.bb3 {
  width: 10%;
  height: 55%;
  background-color: var(--building-color3);
  background: repeating-linear-gradient(90deg, var(--building-color3) 0%, var(--building-color3) 7.5%, var(--window-color3) 15%)
}

if you reread the step you will see the purpose is to learn what happens when a stop distance is not specified.

you have specified all the distances but only 2 were actually specified in the step’s instructions.

1 Like