Files

44 lines
735 B
Markdown
Raw Permalink Normal View History

---
id: 5f33071498eb2472b87ddee4
title: Step 1
challengeType: 0
dashedName: step-1
---
# --description--
feat: CSS Cafe Menu (#41797) * fix: general bugs - Ensure editable region at end of code-block is followed by a blank line. - Remove apparent duplicate step. - Address spelling issues. * feat: some tests * feat: tests 6-20 Add tests for steps 6-20. * feat: tests 21-30 Add tests for steps 21 through 30. * feat: tests 31-40 Add tests for steps 31 through 40. * feat: tests 41-50 Add tests for steps 41 through 50. * feat: tests 51-60 Add tests for steps 51 through 60. * feat: tests 61-70 Add tests for steps 61 through 70. * feat: tests 71-80 Add tests for steps 71 through 80. * feat: steps 81-92 Add tests for steps 81 through 92. * feat: align dashed names Align the dashed names with the titles and file names. * fix: apply gikf's suggestions Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * fix: manual review suggestions Apply gikf's other suggestions. * feat: more thorough testing When a test asserts that a camper adds a new element relative to an existing element, also test that the existing element is not malformed. * feat: optional semi colons Make EOL semi-colons optional in the CSS. If they're missing and the CSS doesn't render correctly, other tests will catch that. If they are on the last property of the ruleset, they technically aren't required so we shouldn't require them? * chore: apply review suggestions Apply review suggestions from gikf Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * chore: apply suggestions from code review Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * feat: review suggestions Apply Ahmad's review suggestions. * chore: additional suggestions Manual application of Ahmad's review suggestions. Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply suggestions from code review Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply shaun's review suggestions Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * feat: add clarification Add a bit of text clarifying the file switch in the editor. * chore: replace URLs Replace the tinyurls with our self-hosted CDN images. * feat: new CSS tests Re-write CSS tests with new parser. * fix: grammar Apply Shaun's grammar reviews. Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * fix: optional chaining * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply reviews manually * chore: getStyle update Replace getStyleDeclaration with getStyle. * fix: resolve test issue * chore: remove jQuery :( Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * fiux: Update curriculum/challenges/english/01-responsive-web-design/basic-css-cafe-menu/part-073.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
2021-07-21 12:03:09 -07:00
As you learned in the last few steps of the Cat Photo App, there is a basic structure needed to start building your web page.
feat: CSS Cafe Menu (#41797) * fix: general bugs - Ensure editable region at end of code-block is followed by a blank line. - Remove apparent duplicate step. - Address spelling issues. * feat: some tests * feat: tests 6-20 Add tests for steps 6-20. * feat: tests 21-30 Add tests for steps 21 through 30. * feat: tests 31-40 Add tests for steps 31 through 40. * feat: tests 41-50 Add tests for steps 41 through 50. * feat: tests 51-60 Add tests for steps 51 through 60. * feat: tests 61-70 Add tests for steps 61 through 70. * feat: tests 71-80 Add tests for steps 71 through 80. * feat: steps 81-92 Add tests for steps 81 through 92. * feat: align dashed names Align the dashed names with the titles and file names. * fix: apply gikf's suggestions Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * fix: manual review suggestions Apply gikf's other suggestions. * feat: more thorough testing When a test asserts that a camper adds a new element relative to an existing element, also test that the existing element is not malformed. * feat: optional semi colons Make EOL semi-colons optional in the CSS. If they're missing and the CSS doesn't render correctly, other tests will catch that. If they are on the last property of the ruleset, they technically aren't required so we shouldn't require them? * chore: apply review suggestions Apply review suggestions from gikf Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * chore: apply suggestions from code review Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * feat: review suggestions Apply Ahmad's review suggestions. * chore: additional suggestions Manual application of Ahmad's review suggestions. Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply suggestions from code review Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply shaun's review suggestions Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * feat: add clarification Add a bit of text clarifying the file switch in the editor. * chore: replace URLs Replace the tinyurls with our self-hosted CDN images. * feat: new CSS tests Re-write CSS tests with new parser. * fix: grammar Apply Shaun's grammar reviews. Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * fix: optional chaining * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply reviews manually * chore: getStyle update Replace getStyleDeclaration with getStyle. * fix: resolve test issue * chore: remove jQuery :( Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * fiux: Update curriculum/challenges/english/01-responsive-web-design/basic-css-cafe-menu/part-073.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
2021-07-21 12:03:09 -07:00
Add the `<!DOCTYPE html>` tag, and an `html` element.
# --hints--
feat: CSS Cafe Menu (#41797) * fix: general bugs - Ensure editable region at end of code-block is followed by a blank line. - Remove apparent duplicate step. - Address spelling issues. * feat: some tests * feat: tests 6-20 Add tests for steps 6-20. * feat: tests 21-30 Add tests for steps 21 through 30. * feat: tests 31-40 Add tests for steps 31 through 40. * feat: tests 41-50 Add tests for steps 41 through 50. * feat: tests 51-60 Add tests for steps 51 through 60. * feat: tests 61-70 Add tests for steps 61 through 70. * feat: tests 71-80 Add tests for steps 71 through 80. * feat: steps 81-92 Add tests for steps 81 through 92. * feat: align dashed names Align the dashed names with the titles and file names. * fix: apply gikf's suggestions Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * fix: manual review suggestions Apply gikf's other suggestions. * feat: more thorough testing When a test asserts that a camper adds a new element relative to an existing element, also test that the existing element is not malformed. * feat: optional semi colons Make EOL semi-colons optional in the CSS. If they're missing and the CSS doesn't render correctly, other tests will catch that. If they are on the last property of the ruleset, they technically aren't required so we shouldn't require them? * chore: apply review suggestions Apply review suggestions from gikf Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * chore: apply suggestions from code review Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * feat: review suggestions Apply Ahmad's review suggestions. * chore: additional suggestions Manual application of Ahmad's review suggestions. Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply suggestions from code review Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply shaun's review suggestions Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * feat: add clarification Add a bit of text clarifying the file switch in the editor. * chore: replace URLs Replace the tinyurls with our self-hosted CDN images. * feat: new CSS tests Re-write CSS tests with new parser. * fix: grammar Apply Shaun's grammar reviews. Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * fix: optional chaining * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply reviews manually * chore: getStyle update Replace getStyleDeclaration with getStyle. * fix: resolve test issue * chore: remove jQuery :( Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * fiux: Update curriculum/challenges/english/01-responsive-web-design/basic-css-cafe-menu/part-073.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
2021-07-21 12:03:09 -07:00
You should have the `DOCTYPE` declaration.
```js
feat: CSS Cafe Menu (#41797) * fix: general bugs - Ensure editable region at end of code-block is followed by a blank line. - Remove apparent duplicate step. - Address spelling issues. * feat: some tests * feat: tests 6-20 Add tests for steps 6-20. * feat: tests 21-30 Add tests for steps 21 through 30. * feat: tests 31-40 Add tests for steps 31 through 40. * feat: tests 41-50 Add tests for steps 41 through 50. * feat: tests 51-60 Add tests for steps 51 through 60. * feat: tests 61-70 Add tests for steps 61 through 70. * feat: tests 71-80 Add tests for steps 71 through 80. * feat: steps 81-92 Add tests for steps 81 through 92. * feat: align dashed names Align the dashed names with the titles and file names. * fix: apply gikf's suggestions Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * fix: manual review suggestions Apply gikf's other suggestions. * feat: more thorough testing When a test asserts that a camper adds a new element relative to an existing element, also test that the existing element is not malformed. * feat: optional semi colons Make EOL semi-colons optional in the CSS. If they're missing and the CSS doesn't render correctly, other tests will catch that. If they are on the last property of the ruleset, they technically aren't required so we shouldn't require them? * chore: apply review suggestions Apply review suggestions from gikf Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * chore: apply suggestions from code review Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * feat: review suggestions Apply Ahmad's review suggestions. * chore: additional suggestions Manual application of Ahmad's review suggestions. Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply suggestions from code review Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply shaun's review suggestions Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * feat: add clarification Add a bit of text clarifying the file switch in the editor. * chore: replace URLs Replace the tinyurls with our self-hosted CDN images. * feat: new CSS tests Re-write CSS tests with new parser. * fix: grammar Apply Shaun's grammar reviews. Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * fix: optional chaining * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply reviews manually * chore: getStyle update Replace getStyleDeclaration with getStyle. * fix: resolve test issue * chore: remove jQuery :( Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * fiux: Update curriculum/challenges/english/01-responsive-web-design/basic-css-cafe-menu/part-073.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
2021-07-21 12:03:09 -07:00
assert(code.match(/<!DOCTYPE html>/i));
```
You should have an opening `<html>` tag.
feat: CSS Cafe Menu (#41797) * fix: general bugs - Ensure editable region at end of code-block is followed by a blank line. - Remove apparent duplicate step. - Address spelling issues. * feat: some tests * feat: tests 6-20 Add tests for steps 6-20. * feat: tests 21-30 Add tests for steps 21 through 30. * feat: tests 31-40 Add tests for steps 31 through 40. * feat: tests 41-50 Add tests for steps 41 through 50. * feat: tests 51-60 Add tests for steps 51 through 60. * feat: tests 61-70 Add tests for steps 61 through 70. * feat: tests 71-80 Add tests for steps 71 through 80. * feat: steps 81-92 Add tests for steps 81 through 92. * feat: align dashed names Align the dashed names with the titles and file names. * fix: apply gikf's suggestions Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * fix: manual review suggestions Apply gikf's other suggestions. * feat: more thorough testing When a test asserts that a camper adds a new element relative to an existing element, also test that the existing element is not malformed. * feat: optional semi colons Make EOL semi-colons optional in the CSS. If they're missing and the CSS doesn't render correctly, other tests will catch that. If they are on the last property of the ruleset, they technically aren't required so we shouldn't require them? * chore: apply review suggestions Apply review suggestions from gikf Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * chore: apply suggestions from code review Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * feat: review suggestions Apply Ahmad's review suggestions. * chore: additional suggestions Manual application of Ahmad's review suggestions. Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply suggestions from code review Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply shaun's review suggestions Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * feat: add clarification Add a bit of text clarifying the file switch in the editor. * chore: replace URLs Replace the tinyurls with our self-hosted CDN images. * feat: new CSS tests Re-write CSS tests with new parser. * fix: grammar Apply Shaun's grammar reviews. Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * fix: optional chaining * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply reviews manually * chore: getStyle update Replace getStyleDeclaration with getStyle. * fix: resolve test issue * chore: remove jQuery :( Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * fiux: Update curriculum/challenges/english/01-responsive-web-design/basic-css-cafe-menu/part-073.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
2021-07-21 12:03:09 -07:00
```js
assert(code.match(/<html>/i));
```
You should have a closing `<html>` tag. Remember that closing tags have a `/` following the opening `<` bracket.
```js
assert(code.match(/<\/html>/i));
```
# --seed--
## --seed-contents--
```html
--fcc-editable-region--
--fcc-editable-region--
feat: CSS Cafe Menu (#41797) * fix: general bugs - Ensure editable region at end of code-block is followed by a blank line. - Remove apparent duplicate step. - Address spelling issues. * feat: some tests * feat: tests 6-20 Add tests for steps 6-20. * feat: tests 21-30 Add tests for steps 21 through 30. * feat: tests 31-40 Add tests for steps 31 through 40. * feat: tests 41-50 Add tests for steps 41 through 50. * feat: tests 51-60 Add tests for steps 51 through 60. * feat: tests 61-70 Add tests for steps 61 through 70. * feat: tests 71-80 Add tests for steps 71 through 80. * feat: steps 81-92 Add tests for steps 81 through 92. * feat: align dashed names Align the dashed names with the titles and file names. * fix: apply gikf's suggestions Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * fix: manual review suggestions Apply gikf's other suggestions. * feat: more thorough testing When a test asserts that a camper adds a new element relative to an existing element, also test that the existing element is not malformed. * feat: optional semi colons Make EOL semi-colons optional in the CSS. If they're missing and the CSS doesn't render correctly, other tests will catch that. If they are on the last property of the ruleset, they technically aren't required so we shouldn't require them? * chore: apply review suggestions Apply review suggestions from gikf Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * chore: apply suggestions from code review Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> * feat: review suggestions Apply Ahmad's review suggestions. * chore: additional suggestions Manual application of Ahmad's review suggestions. Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply suggestions from code review Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> * chore: apply shaun's review suggestions Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * feat: add clarification Add a bit of text clarifying the file switch in the editor. * chore: replace URLs Replace the tinyurls with our self-hosted CDN images. * feat: new CSS tests Re-write CSS tests with new parser. * fix: grammar Apply Shaun's grammar reviews. Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> * fix: optional chaining * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply reviews manually * chore: getStyle update Replace getStyleDeclaration with getStyle. * fix: resolve test issue * chore: remove jQuery :( Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * chore: apply suggestions from code review Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * fiux: Update curriculum/challenges/english/01-responsive-web-design/basic-css-cafe-menu/part-073.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: gikf <60067306+gikf@users.noreply.github.com> Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com> Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
2021-07-21 12:03:09 -07:00
```