985 B
985 B
| id | title | challengeType | dashedName |
|---|---|---|---|
| 5d8a4cfbe6b6180ed9a1c9e7 | Part 10 | 0 | part-10 |
--description--
Give the container some space by adding a padding of 100px 10px to the body element.
--hints--
test-text
const body = code.match(/body\s*{[\s\S]+?[^}]}/g)[0];
assert(/padding\s*:\s*100px\s*10px\s*(;|})/g.test(body));
--seed--
--before-user-code--
<!DOCTYPE html>
<html>
<head>
<title>D3 Dashboard</title>
</head>
<body>
<div class="dashboard"></div>
</body>
</html>
--seed-contents--
<style>
body {
background-color: #ccc;
}
.dashboard {
width: 980px;
height: 500px;
background-color: white;
box-shadow: 5px 5px 5px 5px #888;
margin: auto;
}
</style>
--solutions--
<style>
body {
background-color: #ccc;
padding: 100px 10px;
}
.dashboard {
width: 980px;
height: 500px;
background-color: white;
box-shadow: 5px 5px 5px 5px #888;
margin: auto;
}
</style>