--- id: 5f3477cb2e27333b1ab2b955 title: Step 17 challengeType: 0 dashedName: step-17 --- # --description-- Now you need to link the `styles.css` file so the styles will be applied again. Nest a self-closing `link` element in the `head` element. Give it a `rel` attribute value `stylesheet`, a `type` attribute value of `text/css`, and an `href` attribute value of `styles.css`. # --hints-- Your code should have a `link` element. ```js // link is removed -> if exists, replaced with style const link = document.querySelector('body > style'); assert(link); ``` You should not change your existing `head` element. Make sure you did not delete the closing tag. ```js assert($('head').length === 1); ``` Your `link` element should be a self-closing element. ```js assert(code.match(//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(code.match(/rel=('|")stylesheet\1/i)); ``` Your `link` element should have a `type` attribute with the value `text/css`. ```js assert(code.match(/type=('|")text\/css\1/i)); ``` Your `link` element should have an `href` attribute with the value `styles.css`. ```js assert(code.match(/href=('|")styles.css\1/i)); ``` # --seed-- ## --seed-contents-- ```html --fcc-editable-region-- Cafe Menu --fcc-editable-region--

CAMPER CAFE

Est. 2020

Coffee

``` ```css h1, h2, p { text-align: center; } ```