Files
Nicholas Carrigan (he/him) b36cdbafd1 chore: rename "part" to "step" (#43934)
* chore: rename part to step

* chore: update metas

* chore: more renaming

* chore: update tooling

* chore: update frontmatter

* chore(tools): title testing
2021-10-21 18:07:52 +01:00

946 B

id, title, challengeType, dashedName
id title challengeType dashedName
5d8a4cfbe6b6180ed9a1c9e6 Step 9 0 step-9

--description--

Now you can see your dashboard element. Center it by adding a margin of auto to it.

--hints--

test-text

const dashboard = code.match(/.dashboard\s*{[\s\S]+?[^}]}/g)[0];
assert(/margin\s*:\s*auto\s*(;|})/g.test(dashboard));

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


}
</style>

--solutions--

<style>
body {
  background-color: #ccc;
}

.dashboard {
  width: 980px;
  height: 500px;
  background-color: white;
  box-shadow: 5px 5px 5px 5px #888;
  margin: auto;
}
</style>