Tell us what’s happening:
I’m having trouble with Step 75 of the project. The step asks me to add a repeating-linear-gradient to the .fb1c element below the existing gradient. The new gradient should use --building-color4 from 0% to 10% and --window-color4 from 10% to 90%, and it should appear behind the gradient I added last.
I tried adding a second repeating-linear-gradient, but the test keeps saying it’s not correct. I think the problem might be with how I’m specifying the color stops for --building-color4 or with the order of the gradients, but I’m not sure how to fix it so that the checker passes.
I want to make sure I’m stacking the gradients correctly and using the exact percentages required.
Your code so far
.fb1c {
width: 100%;
height: 80%;
background: repeating-linear-gradient(
90deg,
var(–building-color4) 0%,
var(–building-color4) 10%,
transparent 10%,
transparent 15%
),
repeating-linear-gradient(
90deg,
var(–building-color4) 0%,
var(–building-color4) 10%,
var(–window-color4) 10%,
var(–window-color4) 90%
);
}
<!-- file: index.html -->
/* file: styles.css */
/* User Editable Region */
.fb1c {
width: 100%;
height: 80%;
background: repeating-linear-gradient(
90deg,
var(--building-color4),
var(--building-color4) 10%,
transparent 10%,
transparent 15%
)
}
/* User Editable Region */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36
Challenge Information:
Build a City Skyline - Step 75