1.2 KiB
1.2 KiB
| id | title | challengeType |
|---|---|---|
| 5d8a4cfbe6b6180ed9a1c9e5 | Part 8 | 0 |
Description
Give the dashboard a background-color of white and a box-shadow of 5px 5px 5px 5px #888 to give it a little depth.
Instructions
Tests
tests:
- text: test-text
testString: const dashboard = $(".dashboard"); assert(dashboard.css("background-color") === "rgb(255, 255, 255)" && dashboard.css("box-shadow") === "rgb(136, 136, 136) 5px 5px 5px 5px");
Challenge Seed
<style>
body {
background-color: #ccc;
}
.dashboard {
width: 980px;
height: 500px;
}
</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;
background-color: white;
box-shadow: 5px 5px 5px 5px #888;
}
</style>