2021-10-27 11:40:44 -07:00
---
id: 61537bb9b1a29430ac15ad38
title: Step 3
challengeType: 0
dashedName: step-3
---
# --description--
2022-03-14 15:54:43 +00:00
Within your `head` element, add a `title` element with the text set to `Photo Gallery` , and a `link` element to add your `styles.css` file to the page.
2021-10-27 11:40:44 -07:00
# --hints--
Your `link` element should have an `href` attribute with the value `styles.css` .
```js
assert.match(code, /< link [ \s\S]*? href = ('|"|`)( \.\/)?styles \.css \1/)
```
Your code should have a `title` element.
```js
const title = document.querySelector('title');
assert.exists(title);
```
2022-03-14 15:54:43 +00:00
Your project should have a title of `Photo Gallery` .
2021-10-27 11:40:44 -07:00
```js
const title = document.querySelector('title');
2022-03-14 15:54:43 +00:00
assert.equal(title?.text?.trim()?.toLowerCase(), 'photo gallery')
2021-10-27 11:40:44 -07:00
```
Remember, the casing and spelling matter for the title.
```js
const title = document.querySelector('title');
2022-03-14 15:54:43 +00:00
assert.equal(title?.text?.trim(), 'Photo Gallery');
2021-10-27 11:40:44 -07:00
```
# --seed--
## --seed-contents--
```html
--fcc-editable-region--
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< / head >
< body >
< / body >
< / html >
--fcc-editable-region--
```
```css
```
