2019-11-04 21:01:05 -06:00
---
id: 5d822fd413a79914d39e98d0
title: Part 8
challengeType: 0
2020-06-24 16:22:14 +09:00
isHidden: true
2019-11-04 21:01:05 -06:00
---
## Description
< section id = 'description' >
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.
< / section >
## Instructions
< section id = 'instructions' >
< / section >
## Tests
< section id = 'tests' >
```yml
tests:
- text: test-text
testString: assert($("#display -body")[0].contains($("div.background-buildings")[0]));
```
< / section >
## Challenge Seed
< section id = 'challengeSeed' >
< div id = 'html-seed' >
```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 >
```
< / div >
< / section >
## Solution
< section id = 'solution' >
```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 >
```
< / section >
