---
id: 5d822fd413a79914d39e98e5
title: Part 29
challengeType: 0
dashedName: part-29
---
# --description--
You want the foreground buildings container to sit directly on top of the background buildings element. Give it a `width` and `height` of `100%`, set the `position` to `absolute`, and the `top` to `0`. This will make it the same size as the body and move the start of it to the top left corner.
# --hints--
test-text
```js
const fb = code.match(/\.foreground-buildings\s*{[\s\S]+?[^}]}/g)[0];
assert(
$('.foreground-buildings').css('position') === 'absolute' &&
$('.foreground-buildings').css('top') === '0px' &&
/width\s*:\s*100%\s*(;|})/g.test(fb) &&
/height\s*:\s*100%\s*(;|})/g.test(fb)
);
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Skyline Project
```
# --solutions--
```html
freeCodeCamp Skyline Project
```