2019-11-04 21:01:05 -06:00
---
id: 5d822fd413a79914d39e98d0
title: Part 8
challengeType: 0
2021-01-13 03:31:00 +01:00
dashedName: part-8
2019-11-04 21:01:05 -06:00
---
2020-11-27 19:02:05 +01:00
# --description--
2019-11-04 21:01:05 -06:00
It's tough to see now, but there's a border at the edge of your preview, that's the body. Create a `div` element in the body with a class of `background-buildings` . This will be a container for a group of buildings.
2020-11-27 19:02:05 +01:00
# --hints--
2019-11-04 21:01:05 -06:00
2020-11-27 19:02:05 +01:00
test-text
2019-11-04 21:01:05 -06:00
2020-11-27 19:02:05 +01:00
```js
assert($('#display -body')[0].contains($('div.background-buildings')[0]));
2019-11-04 21:01:05 -06:00
```
2020-11-27 19:02:05 +01:00
# --seed--
2019-11-04 21:01:05 -06:00
2020-11-27 19:02:05 +01:00
## --seed-contents--
2019-11-04 21:01:05 -06:00
```html
<!DOCTYPE html>
<html>
<head>
<title>freeCodeCamp Skyline Project</title>
<style>
* {
border: 1px solid black;
box-sizing: border-box;
}
body {
height: 100vh;
margin: 0;
overflow: hidden;
}
</style>
</head>
<body>
</body>
</html>
```
2020-11-27 19:02:05 +01:00
# --solutions--
2019-11-04 21:01:05 -06:00
```html
<!DOCTYPE html>
<html>
<head>
<title>freeCodeCamp Skyline Project</title>
<style>
* {
border: 1px solid black;
box-sizing: border-box;
}
body {
height: 100vh;
margin: 0;
overflow: hidden;
}
</style>
</head>
<body>
<div class="background-buildings"></div>
</body>
</html>
```
