Files
freeCodeCamp/curriculum/challenges/english/04-data-visualization/d3-dashboard/part-007.md
Randell Dawson 94f0cf0ef8 chore(learn): Remove remaining isHidden keys from frontmatter (English and Chinese challenges) (#39809)
* fix: remove isHidden key from tool template

* fix: removed isHidden key from English challenges

* fix: remove isHidden key from Chinese challenges
2020-10-08 14:18:47 +02:00

1022 B

id, title, challengeType
id title challengeType
5d8a4cfbe6b6180ed9a1c9e4 Part 7 0

Description

Next, target the dashboard class you created and give it a width of 980px and a height of 500px.

Instructions

Tests

tests:
  - text: test-text
    testString: const dashboard = $(".dashboard"); assert(dashboard.css("width") === "980px" && dashboard.css("height") === "500px");

Challenge Seed

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



</style>

Before Test

<!DOCTYPE html>
<html>
  <head>
    <title>D3 Dashboard</title>
  </head>

  <body>
    <div class="dashboard"></div>
  </body>
</html>

Solution

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

.dashboard {
  width: 980px;
  height: 500px;  
}
</style>