---
id: 5d822fd413a79914d39e9934
title: Part 107
challengeType: 0
dashedName: part-107
---
# --description--
Finally! You made it to the last building! Add a repeating gradient to it with a `90deg` direction. Use the building color from `0%` to `10%` and `transparent` from `10%` to `30%`.
# --hints--
You should add a `repeating-linear-gradient` to `.fb6` in the `background` property.
```js
assert.include(new __helpers.CSSHelp(document).getStyle(".fb6")?.background, "repeating-linear-gradient");
```
You should give the `repeating-linear-gradient` a direction of `90deg`.
```js
assert.include(new __helpers.CSSHelp(document).getStyle(".fb6")?.getPropVal('background', true), "repeating-linear-gradient(90deg");
```
You should give the `repeating-linear-gradient` a first color of `--building-color3` from `0%` to `10%`.
```js
assert.match(new __helpers.CSSHelp(document).getStyle(".fb6")?.getPropVal('background', true), /repeating-linear-gradient\(90deg,var\(--building-color3\)(0%)?,var\(--building-color3\)10%/);
```
You should give the `repeating-linear-gradient` a second color of `transparent` from `10%` to `30%`.
```js
assert.match(new __helpers.CSSHelp(document).getStyle(".fb6")?.getPropVal('background', true), /repeating-linear-gradient\(90deg,var\(--building-color3\)(0%)?,var\(--building-color3\)10%,transparent10%,transparent30%\)/);
```
# --seed--
## --seed-contents--
```html