---
id: 5d822fd413a79914d39e98e0
title: Part 24
challengeType: 0
dashedName: part-24
---
# --description--
Create a new variable by the other ones named `--building-color3` and give it a value of `#cc6699`. Then use it as the `background-color` of the `bb3` class and give it a fallback value of `pink`.
# --hints--
test-text
```js
const bb1style = code.match(/\.bb1\s*{[\s\S]+?[^}]}/g)[0];
const bb3style = code.match(/\.bb3\s*{[\s\S]+?[^}]}/g)[0];
assert(
/--building-color3\s*:\s*#cc6699\s*(;|\s*})/g.test(bb1style) &&
/background-color\s*:\s*var\(\s*--building-color3\s*,\s*pink\s*\)\s*(;|\s*})/g.test(
bb3style
)
);
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Skyline Project
```
# --solutions--
```html
freeCodeCamp Skyline Project
```