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 10:07:52 -07:00
parent 6dbe68eb2f
commit b36cdbafd1
2194 changed files with 237701 additions and 237701 deletions
--- a/curriculum/challenges/english/04-data-visualization/d3-dashboard/step-007.md
+++ b/curriculum/challenges/english/04-data-visualization/d3-dashboard/step-007.md
@ -0,0 +1,66 @@
+---
+id: 5d8a4cfbe6b6180ed9a1c9e4
+title: Step 7
+challengeType: 0
+dashedName: step-7
+---
+
+# --description--
+
+Next, target the `dashboard` class you created and give it a `width` of `980px` and a `height` of `500px`.
+
+# --hints--
+
+test-text
+
+```js
+const dashboard = $('.dashboard');
+assert(
+  dashboard.css('width') === '980px' && dashboard.css('height') === '500px'
+);
+```
+
+# --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;
+}
+
+
+
+</style>
+```
+
+# --solutions--
+
+```html
+<style>
+body {
+  background-color: #ccc;
+}
+
+.dashboard {
+  width: 980px;
+  height: 500px;  
+}
+</style>
+```