Files
freeCodeCamp/curriculum/challenges/english/04-data-visualization/d3-dashboard/part-010.md
Oliver Eyton-Williams 0bd52f8bd1 Feat: add new Markdown parser (#39800)
and change all the challenges to new `md` format.
2020-11-27 10:02:05 -08:00

965 B

id, title, challengeType
id title challengeType
5d8a4cfbe6b6180ed9a1c9e7 Part 10 0

--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>