---
id: 5d822fd413a79914d39e98cc
title: Step 4
challengeType: 0
dashedName: step-4
---
# --description--
Add a `title` element to the `head`, and give your project a title of `City Skyline`. Also, nest a self-closing `link` element in the `head` element. Give it a `rel` attribute value of `stylesheet`, a `type` attribute value of `text/css`, and an `href` attribute value of `styles.css`.
# --hints--
Your code should have a `title` element.
```js
const title = document.querySelector('title');
assert.exists(title);
```
The `title` element should be within the `head` element.
```js
assert.exists(document.querySelector('head > title'));
```
Your project should have a title of `City Skyline`.
```js
const title = document.querySelector('title');
assert.equal(title.text.toLowerCase(), 'city skyline')
```
Remember, the casing and spelling matters for the title.
```js
const title = document.querySelector('title');
assert.equal(title.text, 'City Skyline');
```
Your code should have a `link` element.
```js
assert.match(code, //i));
```
Your `link` element should be within your `head` element.
```js
assert(code.match(/[\w\W\s]*[\w\W\s]*<\/head>/i))
```
Your `link` element should have a `rel` attribute with the value `stylesheet`.
```js
assert.match(code, /
--fcc-editable-region--
--fcc-editable-region--
```