---
id: 5d822fd413a79914d39e9916
title: Step 77
challengeType: 0
dashedName: step-77
---
# --description--
Don't worry about the space at the bottom, everything will get moved down later when you add some height to the element at the top of the building.
Add a `repeating-linear-gradient` to `.fb1c` with a `90deg` angle, your `--building-color4` from `0%` to `10%` and `transparent` from `10%` to `15%`.
# --hints--
You should give `.fb1c` a `background` with a `repeating-linear-gradient`.
```js
assert.include(new __helpers.CSSHelp(document).getStyle(".fb1c")?.background, "repeating-linear-gradient");
```
You should use a direction of `90deg`.
```js
assert.include(new __helpers.CSSHelp(document).getStyle(".fb1c")?.getPropVal('background', true), "repeating-linear-gradient(90deg");
```
You should use 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\(90deg,var\(--building-color4\)(0%)?,var\(--building-color4\)10%/);
```
You should use a second color of `transparent` from `10%` to `15%`.
```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%\)/);
```
# --seed--
## --seed-contents--
```html