---
id: 5d822fd413a79914d39e9917
title: Step 78
challengeType: 0
dashedName: step-78
---
# --description--
You can add multiple gradients to an element by separating them with a comma (`,`) like this:
```css
gradient1(
colors
),
gradient2(
colors
);
```
Add a `repeating-linear-gradient` to `.fb1c` below the one that's there; use your `--building-color4` from `0%` to `10%` and `--window-color4` from `10%` and `90%`. This will fill in behind the gradient you added last.
# --hints--
You should not alter the first `repeating-linear-gradient`.
```js
assert.match(new __helpers.CSSHelp(document).getStyle(".fb1c")?.getPropVal('background', true), /repeating-linear-gradient\(90deg,var\(--building-color4\)(0%)?,var\(--building-color4\)10%,transparent10%,transparent15%\)/);
```
You should add a `repeating-linear-gradient` with a first color of `--building-color4` from `0%` to `10%`.
```js
assert.match(new __helpers.CSSHelp(document).getStyle(".fb1c")?.getPropVal('background', true), /repeating-linear-gradient\(var\(--building-color4\)(0%)?,var\(--building-color4\)10%/);
```
You should use a second color of `--window-color4` from `10%` to `90%`.
```js
assert.match(new __helpers.CSSHelp(document).getStyle(".fb1c")?.getPropVal('background', true), /repeating-linear-gradient\(90deg,var\(--building-color4\)(0%)?,var\(--building-color4\)10%,transparent10%,transparent15%\),repeating-linear-gradient\(var\(--building-color4\)(0%)?,var\(--building-color4\)10%,var\(--window-color4\)10%,var\(--window-color4\)90%\)/);
```
# --seed--
## --seed-contents--
```html
City Skyline