---
id: 5d822fd413a79914d39e98db
title: Part 19
challengeType: 0
dashedName: part-19
---
# --description--
Give the new buildings `width` and `height` properties of: `10%` and `50%` for `bb2`, `10%` and `55%` for `bb3`, and `11%` and `58%` for `bb4`. You will be using almost all percent based units and some Flexbox for this project, so everything will be completely responsive.
# --hints--
test-text
```js
const bb2 = code.match(/\.bb2\s*{[\s\S]+?[^}]}/g)[0];
const bb3 = code.match(/\.bb3\s*{[\s\S]+?[^}]}/g)[0];
const bb4 = code.match(/\.bb4\s*{[\s\S]+?[^}]}/g)[0];
assert(
/width\s*:\s*10%\s*(;|})/g.test(bb2) &&
/height\s*:\s*50%\s*(;|})/g.test(bb2) &&
/width\s*:\s*10%\s*(;|})/g.test(bb3) &&
/height\s*:\s*55%\s*(;|})/g.test(bb3) &&
/width\s*:\s*11%\s*(;|})/g.test(bb4) &&
/height\s*:\s*58%\s*(;|})/g.test(bb4)
);
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Skyline Project
```
# --solutions--
```html
freeCodeCamp Skyline Project
```