2020-02-25 22:53:07 -06:00
---
id: 5d8a4cfbe6b6180ed9a1c9e1
title: Part 4
challengeType: 0
2021-01-13 03:31:00 +01:00
dashedName: part-4
2020-02-25 22:53:07 -06:00
---
2020-11-27 19:02:05 +01:00
# --description--
2020-02-25 22:53:07 -06:00
Below the title, link to your external stylesheet by adding a `link` element with a `rel` attribute of `stylesheet` and an `href` attribute of `./dashboard.css` . Remember that link elements do not need a closing tag. You will be adding some styles to this file shortly.
2020-11-27 19:02:05 +01:00
# --hints--
2020-02-25 22:53:07 -06:00
2020-11-27 19:02:05 +01:00
test-text
2020-02-25 22:53:07 -06:00
2020-11-27 19:02:05 +01:00
```js
const link = code.match(/<link\s+[\s\S]+?[^>]>/gi)[0];
assert(
/rel\s*=\s*('|")\s*stylesheet\s*\1/gi.test(link) &&
/href\s*=\s*('|")\s*(.\/)?dashboard\.css\s*\1/gi.test(link)
);
2020-02-25 22:53:07 -06:00
```
2020-11-27 19:02:05 +01:00
# --seed--
2020-02-25 22:53:07 -06:00
2020-11-27 19:02:05 +01:00
## --seed-contents--
2020-02-25 22:53:07 -06:00
```html
<!DOCTYPE html>
<html>
<head>
<title>D3 Dashboard</title>
</head>
<body>
</body>
</html>
```
2020-11-27 19:02:05 +01:00
# --solutions--
2020-02-25 22:53:07 -06:00
```html
<!DOCTYPE html>
<html>
<head>
<title>D3 Dashboard</title>
<link rel="stylesheet" href="./dashboard.css">
</head>
<body>
</body>
</html>
```
