freeCodeCamp/curriculum/challenges/english/01-responsive-web-design/basic-css-cafe-menu/part-017.md

---
id: 5f3477cb2e27333b1ab2b955
title: Part 17
challengeType: 0
---

## Description
<section id='description'>

Now you need to link the `styles.css` file so the styles will be applied again. Next 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`.

</section>

## Tests
<section id='tests'>

```yml
tests:
  - text: Test 1
    testString: ''

```

</section>

## Challenge Seed
<section id='challengeSeed'>

<div id='html-seed'>

```html
<!DOCTYPE html>
<html>
  --fcc-editable-region--
  <head>
    <meta charset="utf-8" />
    <title>Camper Cafe Menu</title>
  </head>
  --fcc-editable-region--
  <body>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffees</h2>
      </section>
    </main>
  </body>
<html>
```

</div>

<div id='css-seed'>

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

</div>

</section>
feat(learn): Basic CSS Cafe Menu instructions and hints/tests (v7) (#39407) * feat: created step instructions for cafe menu fix: added instructions to steps 1-31 fix: changed steps 29-31 fix: added instructions for steps 32-42 fix: changed prototype class definition fix: padded file names fix: added instructions for steps 43-61 fix: add object id to final.md and final prototype to meta.json fix: correct typos in steps 26 and 27 fix: misc wording changes fix: added forward slash to closing html tag fix: added instructions for steps 62-75 feat: added instructions to steps 76-79 fix: added FOOTER comment for steps 68-75 fix: add steps 68a and 68b fix: add steps 69a and reorder steps fix: added instructions to the final steps * fix: remove final.md * fix: fixed typo of menue to menu Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: changed wording to improve readability Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: changed wording to improve readability Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: changed wording to improve readability Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: combined two lines into same paragraph Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> 2020-09-03 19:12:42 -07:00			`---`
			`id: 5f3477cb2e27333b1ab2b955`
			`title: Part 17`
			`challengeType: 0`
			`---`

			`## Description`
			`<section id='description'>`

fix(learn): Broke several steps down into smaller steps for the Cafe Menu project - v7 (#39778) * fix: made some verbiage changes to existing steps * fix: rewrite step 45 instructions * fix: added two steps between 45 and 46 * fix: miscellaneous edits for steps 21,22, 27 * fix: change step 35 to allow for smaller steps * fix: update 36-41 seed code * fix: added new step between 41 and 42 * fix: add new step between 42 and 43 * fix: broke step 33 into 4 new steps * fix: removed unnecessary step 37 * fix: change wording of step 33 instructions * fix: corrected ERM syntax * fix: corrected seed code typos in steps 45 and 46 * fix: corrected typo Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: changed wording to improve readability Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: changed "Free Code Camp" to "freeCodeCamp" Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: corrected typo and improved wording Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: corrected typo Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: correct typos Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: corrected punctuation Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: corrected punctuation Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: corrected punctuation Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: added missing period Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: corrected typo Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: added the missing word "larger" Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: corrected typo Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> * fix: change paragraph to `p` * fix: reorderd steps after step 37 deleted * fix: added two new steps to fix missing steps problem * fix: added missing ERMs for step 69 Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com> 2020-10-13 15:27:40 -07:00			Now you need to link the `styles.css` file so the styles will be applied again. Next 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`.
feat(learn): Basic CSS Cafe Menu instructions and hints/tests (v7) (#39407) * feat: created step instructions for cafe menu fix: added instructions to steps 1-31 fix: changed steps 29-31 fix: added instructions for steps 32-42 fix: changed prototype class definition fix: padded file names fix: added instructions for steps 43-61 fix: add object id to final.md and final prototype to meta.json fix: correct typos in steps 26 and 27 fix: misc wording changes fix: added forward slash to closing html tag fix: added instructions for steps 62-75 feat: added instructions to steps 76-79 fix: added FOOTER comment for steps 68-75 fix: add steps 68a and 68b fix: add steps 69a and reorder steps fix: added instructions to the final steps * fix: remove final.md * fix: fixed typo of menue to menu Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: changed wording to improve readability Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: changed wording to improve readability Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: changed wording to improve readability Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: combined two lines into same paragraph Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> 2020-09-03 19:12:42 -07:00
			`</section>`

			`## Tests`
			`<section id='tests'>`

			```yml
			`tests:`
			`- text: Test 1`
			`testString: ''`

			```

			`</section>`

			`## Challenge Seed`
			`<section id='challengeSeed'>`

			`<div id='html-seed'>`

			```html
			`<!DOCTYPE html>`
			`<html>`
			`--fcc-editable-region--`
			`<head>`
			`<meta charset="utf-8" />`
			`<title>Camper Cafe Menu</title>`
			`</head>`
			`--fcc-editable-region--`
			`<body>`
			`<header>`
			`<h1>CAMPER CAFE</h1>`
			`<p>Est. 2020</p>`
			`</header>`
			`<main>`
			`<section>`
			`<h2>Coffees</h2>`
			`</section>`
			`</main>`
			`</body>`
			`<html>`
			```

			`</div>`

			`<div id='css-seed'>`

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

			`</div>`

			`</section>`