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%)
}