gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chore: rename "part" to "step" (#43934)

Browse Source 
* chore: rename part to step

* chore: update metas

* chore: more renaming

* chore: update tooling

* chore: update frontmatter

* chore(tools): title testing
This commit is contained in:
Nicholas Carrigan (he/him)
2021-10-21 10:07:52 -07:00
committed by GitHub
parent 6dbe68eb2f
commit b36cdbafd1
2194 changed files with 237701 additions and 237701 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
curriculum/challenges/english/04-data-visualization/d3-dashboard/step-009.md Normal file
View File

@ -0,0 +1,73 @@
---
id: 5d8a4cfbe6b6180ed9a1c9e6
title: Step 9
challengeType: 0
dashedName: step-9
---
# --description--
Now you can see your dashboard element. Center it by adding a `margin` of `auto` to it.
# --hints--
test-text
```js
const dashboard = code.match(/.dashboard\s*{[\s\S]+?[^}]}/g)[0];
assert(/margin\s*:\s*auto\s*(;|})/g.test(dashboard));
```
# --seed--
## --before-user-code--
```html
<!DOCTYPE html>
<html>
<head>
<title>D3 Dashboard</title>
</head>
<body>
<div class="dashboard"></div>
</body>
</html>
```
## --seed-contents--
```html
<style>
body {
background-color: #ccc;
}
.dashboard {
width: 980px;
height: 500px;
background-color: white;
box-shadow: 5px 5px 5px 5px #888;
}
</style>
```
# --solutions--
```html
<style>
body {
background-color: #ccc;
}
.dashboard {
width: 980px;
height: 500px;
background-color: white;
box-shadow: 5px 5px 5px 5px #888;
margin: auto;
}
</style>
```