gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
freeCodeCamp/curriculum/challenges/english/01-responsive-web-design/basic-css-cafe-menu/part-015.md

70 lines
1.1 KiB
Markdown
Raw Normal View History

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: 5f3477aefa51bfc29327200b
title: Part 15
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
You have styled three elements by writing CSS inside the `style` tags. This works, but since there will many more styles, it's best to put all the styles in a separate file and link to it. Start by rewriting the styles you have created into the `styles.css` file. Make sure to exclude the opening and closing `style` tags.
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>
<head>
<meta charset="utf-8" />
<title>Camper Cafe Menu</title>
<style>
h1, h2, p {
text-align: center;
}
</style>
</head>
<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
--fcc-editable-region--
--fcc-editable-region--
```
</div>
</section>
Reference in New Issue Copy Permalink