opensource/freeCodeCamp
3
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-10-16 07:29:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(curriculum): Remove header element from cafe-menu practice project (#47970)

Browse Source 
Remove header element from menu challenge

Co-authored-by: Derryk Boyd <derryk@redmantech.com>
This commit is contained in:
Derryk Boyd
2022-10-11 17:20:44 +02:00
committed by GitHub
co-authored by Derryk Boyd
parent 0885f4f4e4
commit 37d2a6d544
86 changed files with 429 additions and 662 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/_meta/learn-basic-css-by-building-a-cafe-menu/meta.json
+86 -89
View File
@@ -39,343 +39,340 @@
"Step 7"
],
[
"5f33310c1851c6c4da013250",
"5f344fc1520b6719f2e35605",
"Step 8"
],
[
"5f344fc1520b6719f2e35605",
"5f344fbc22624a2976425065",
"Step 9"
],
[
"5f344fbc22624a2976425065",
"5f344fad8bf01691e71a30eb",
"Step 10"
],
[
"5f344fad8bf01691e71a30eb",
"5f344f9c805cd193c33d829c",
"Step 11"
],
[
"5f344f9c805cd193c33d829c",
"5f3477ae9675db8bb7655b30",
"Step 12"
],
[
"5f3477ae9675db8bb7655b30",
"5f3477ae34c1239cafe128be",
"Step 13"
],
[
"5f3477ae34c1239cafe128be",
"5f3477aefa51bfc29327200b",
"Step 14"
],
[
"5f3477aefa51bfc29327200b",
"5f3477ae8466a9a3d2cc953c",
"Step 15"
],
[
"5f3477ae8466a9a3d2cc953c",
"5f3477cb2e27333b1ab2b955",
"Step 16"
],
[
"5f3477cb2e27333b1ab2b955",
"5f3477cbcb6ba47918c1da92",
"Step 17"
],
[
"5f3477cbcb6ba47918c1da92",
"5f3477cb303c5cb61b43aa9b",
"Step 18"
],
[
"5f3477cb303c5cb61b43aa9b",
"5f34a1fd611d003edeafd681",
"Step 19"
],
[
"5f34a1fd611d003edeafd681",
"5f356ed6cf6eab5f15f5cfe6",
"Step 20"
],
[
"5f356ed6cf6eab5f15f5cfe6",
"5f356ed63c7807a4f1e6d054",
"Step 21"
],
[
"5f356ed63c7807a4f1e6d054",
"5f356ed60a5decd94ab66986",
"Step 22"
],
[
"5f356ed60a5decd94ab66986",
"5f356ed63e0fa262326eef05",
"Step 23"
],
[
"5f356ed63e0fa262326eef05",
"5f356ed60785e1f3e9850b6e",
"Step 24"
],
[
"5f356ed60785e1f3e9850b6e",
"5f356ed656a336993abd9f7c",
"Step 25"
],
[
"5f356ed656a336993abd9f7c",
"5f356ed6199b0cdef1d2be8f",
"Step 26"
],
[
"5f356ed6199b0cdef1d2be8f",
"5f356ed69db0a491745e2bb6",
"Step 27"
],
[
"5f356ed69db0a491745e2bb6",
"5f35e5c44359872a137bd98f",
"Step 28"
],
[
"5f35e5c44359872a137bd98f",
"5f35e5c4321f818cdc4bed30",
"Step 29"
],
[
"5f35e5c4321f818cdc4bed30",
"5f3c866daec9a49519871816",
"Step 30"
],
[
"5f3c866daec9a49519871816",
"5f3c866d5414453fc2d7b480",
"Step 31"
],
[
"5f3c866d5414453fc2d7b480",
"5f3c866d28d7ad0de6470505",
"Step 32"
],
[
"5f3c866d28d7ad0de6470505",
"5f769541be494f25449b292f",
"Step 33"
],
[
"5f769541be494f25449b292f",
"5f76967fad478126d6552b0d",
"Step 34"
],
[
"5f76967fad478126d6552b0d",
"5f769702e6e33127d14aa120",
"Step 35"
],
[
"5f769702e6e33127d14aa120",
"5f3c866de7a5b784048f94b1",
"Step 36"
],
[
"5f3c866de7a5b784048f94b1",
"5f3c866dbf362f99b9a0c6d0",
"Step 37"
],
[
"5f3c866dbf362f99b9a0c6d0",
"5f3c866d0fc037f7311b4ac8",
"Step 38"
],
[
"5f3c866d0fc037f7311b4ac8",
"5f3c866dd0d0275f01d4d847",
"Step 39"
],
[
"5f3c866dd0d0275f01d4d847",
"5f3cade9fa77275d9f4efe62",
"Step 40"
],
[
"5f3cade9fa77275d9f4efe62",
"5f3cade94c6576e7f7b7953f",
"Step 41"
],
[
"5f3cade94c6576e7f7b7953f",
"5f3cade9993019e26313fa8e",
"Step 42"
],
[
"5f3cade9993019e26313fa8e",
"5f7691dafd882520797cd2f0",
"Step 43"
],
[
"5f7691dafd882520797cd2f0",
"5f7692f7c5b3ce22a57788b6",
"Step 44"
],
[
"5f7692f7c5b3ce22a57788b6",
"5f47633757ae3469f2d33d2e",
"Step 45"
],
[
"5f47633757ae3469f2d33d2e",
"5f3cade99dda4e6071a85dfd",
"Step 46"
],
[
"5f3cade99dda4e6071a85dfd",
"5f3ef6e0e0c3feaebcf647ad",
"Step 47"
],
[
"5f3ef6e0e0c3feaebcf647ad",
"5f3ef6e0819d4f23ca7285e6",
"Step 48"
],
[
"5f3ef6e0819d4f23ca7285e6",
"5f716ad029ee4053c7027a7a",
"Step 49"
],
[
"5f716ad029ee4053c7027a7a",
"5f7b87422a560036fd03ccff",
"Step 50"
],
[
"5f7b87422a560036fd03ccff",
"5f7b88d37b1f98386f04edc0",
"Step 51"
],
[
"5f7b88d37b1f98386f04edc0",
"5f716bee5838c354c728a7c5",
"Step 52"
],
[
"5f716bee5838c354c728a7c5",
"5f3ef6e0eaa7da26e3d34d78",
"Step 53"
],
[
"5f3ef6e0eaa7da26e3d34d78",
"5f3ef6e050279c7a4a7101d3",
"Step 54"
],
[
"5f3ef6e050279c7a4a7101d3",
"5f3ef6e04559b939080db057",
"Step 55"
],
[
"5f3ef6e04559b939080db057",
"5f3ef6e03d719d5ac4738993",
"Step 56"
],
[
"5f3ef6e03d719d5ac4738993",
"5f3ef6e05473f91f948724ab",
"Step 57"
],
[
"5f3ef6e05473f91f948724ab",
"5f3ef6e056bdde6ae6892ba2",
"Step 58"
],
[
"5f3ef6e056bdde6ae6892ba2",
"5f3ef6e0e9629bad967cd71e",
"Step 59"
],
[
"5f3ef6e0e9629bad967cd71e",
"5f3ef6e06d34faac0447fc44",
"Step 60"
],
[
"5f3ef6e06d34faac0447fc44",
"5f3ef6e087d56ed3ffdc36be",
"Step 61"
],
[
"5f3ef6e087d56ed3ffdc36be",
"5f3ef6e0f8c230bdd2349716",
"Step 62"
],
[
"5f3ef6e0f8c230bdd2349716",
"5f3ef6e07276f782bb46b93d",
"Step 63"
],
[
"5f3ef6e07276f782bb46b93d",
"5f3ef6e0a81099d9a697b550",
"Step 64"
],
[
"5f3ef6e0a81099d9a697b550",
"5f3ef6e0b431cc215bb16f55",
"Step 65"
],
[
"5f3ef6e0b431cc215bb16f55",
"5f3ef6e01f288a026d709587",
"Step 66"
],
[
"5f3ef6e01f288a026d709587",
"5f3f26fa39591db45e5cd7a0",
"Step 67"
],
[
"5f3f26fa39591db45e5cd7a0",
"5f459225127805351a6ad057",
"Step 68"
],
[
"5f459225127805351a6ad057",
"5f459a7ceb8b5c446656d88b",
"Step 69"
],
[
"5f459a7ceb8b5c446656d88b",
"5f459cf202c2a3472fae6a9f",
"Step 70"
],
[
"5f459cf202c2a3472fae6a9f",
"5f459fd48bdc98491ca6d1a3",
"Step 71"
],
[
"5f459fd48bdc98491ca6d1a3",
"5f45a05977e2fa49d9119437",
"Step 72"
],
[
"5f45a05977e2fa49d9119437",
"5f45a276c093334f0f6e9df4",
"Step 73"
],
[
"5f45a276c093334f0f6e9df4",
"5f45a5a7c49a8251f0bdb527",
"Step 74"
],
[
"5f45a5a7c49a8251f0bdb527",
"5f46fc57528aa1c4b5ea7c2e",
"Step 75"
],
[
"5f46fc57528aa1c4b5ea7c2e",
"5f4701b942c824109626c3d8",
"Step 76"
],
[
"5f4701b942c824109626c3d8",
"5f46ede1ff8fec5ba656b44c",
"Step 77"
],
[
"5f46ede1ff8fec5ba656b44c",
"5f45a66d4a2b0453301e5a26",
"Step 78"
],
[
"5f45a66d4a2b0453301e5a26",
"5f45b0731d39e15d54df4dfc",
"Step 79"
],
[
"5f45b0731d39e15d54df4dfc",
"5f45b25e7ec2405f166b9de1",
"Step 80"
],
[
"5f45b25e7ec2405f166b9de1",
"5f45b3c93c027860d9298dbd",
"Step 81"
],
[
"5f45b3c93c027860d9298dbd",
"5f45b45d099f3e621fbbb256",
"Step 82"
],
[
"5f45b45d099f3e621fbbb256",
"5f45b4c81cea7763550e40df",
"Step 83"
],
[
"5f45b4c81cea7763550e40df",
"5f45b715301bbf667badc04a",
"Step 84"
],
[
"5f45b715301bbf667badc04a",
"5f46e270702a8456a664f0df",
"Step 85"
],
[
"5f46e270702a8456a664f0df",
"5f46e36e745ead58487aabf2",
"Step 86"
],
[
"5f46e36e745ead58487aabf2",
"5f46e7a4750dd05b5a673920",
"Step 87"
],
[
"5f46e7a4750dd05b5a673920",
"5f46e8284aae155c83015dee",
"Step 88"
],
[
"5f46e8284aae155c83015dee",
"5f475bb508746c16c9431d42",
"Step 89"
],
[
"5f475bb508746c16c9431d42",
"5f475e1c7f71a61d913836c6",
"Step 90"
],
[
"5f475e1c7f71a61d913836c6",
"Step 91"
],
[
"5f47fe7e31980053a8d4403b",
"Step 92"
"Step 91"
]
]}
]
}
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33310c1851c6c4da013250.md
-60
View File
@@ -1,60 +0,0 @@
---
id: 5f33310c1851c6c4da013250
title: Step 8
challengeType: 0
dashedName: step-8
---
# --description--
Since the `p` element added in the previous step provides supplemental information about the cafe, nest both the `h1` and `p` elements in a `header` element.
# --hints--
You should have an opening `<header>` tag.
```js
assert(code.match(/<header>/i));
```
You should have a closing `</header>` tag.
```js
assert(code.match(/<\/header>/i));
```
Your `h1` element should be nested in your `header` element.
```js
const header = document.querySelectorAll('header')[0];
assert(header.children[0].tagName === 'H1');
```
Your `p` element should be nested in your `header` element.
```js
const header = document.querySelectorAll('header')[0];
assert(header.children[1].tagName === "P");
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
</head>
<body>
<main>
--fcc-editable-region--
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
--fcc-editable-region--
</main>
</body>
</html>
```
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344f9c805cd193c33d829c.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f344f9c805cd193c33d829c
title: Step 12
title: Step 11
challengeType: 0
dashedName: step-12
dashedName: step-11
---
# --description--
@@ -57,10 +57,8 @@ assert(h1TextAlign === 'center');
</head>
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fad8bf01691e71a30eb.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f344fad8bf01691e71a30eb
title: Step 11
title: Step 10
challengeType: 0
dashedName: step-11
dashedName: step-10
---
# --description--
@@ -43,10 +43,8 @@ assert(code.match(/<head\s*>[\w\W\s]*<style\s*>[\w\W\s]*<\/style\s*>[\w\W\s]*<\/
</head>
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fbc22624a2976425065.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f344fbc22624a2976425065
title: Step 10
title: Step 9
challengeType: 0
dashedName: step-10
dashedName: step-9
---
# --description--
@@ -56,10 +56,8 @@ assert(h2.innerText === 'Coffee');
</head>
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
--fcc-editable-region--
<section>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fc1520b6719f2e35605.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f344fc1520b6719f2e35605
title: Step 9
title: Step 8
challengeType: 0
dashedName: step-9
dashedName: step-8
---
# --description--
@@ -51,10 +51,8 @@ assert(section.parentElement === main);
<body>
--fcc-editable-region--
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</main>
--fcc-editable-region--
</body>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae34c1239cafe128be.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3477ae34c1239cafe128be
title: Step 14
title: Step 13
challengeType: 0
dashedName: step-14
dashedName: step-13
---
# --description--
@@ -59,10 +59,8 @@ assert(selectors.length === 1);
</head>
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae8466a9a3d2cc953c.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3477ae8466a9a3d2cc953c
title: Step 16
title: Step 15
challengeType: 0
dashedName: step-16
dashedName: step-15
---
# --description--
@@ -47,10 +47,8 @@ You should not have any CSS selectors in your HTML file.
--fcc-editable-region--
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae9675db8bb7655b30.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3477ae9675db8bb7655b30
title: Step 13
title: Step 12
challengeType: 0
dashedName: step-13
dashedName: step-12
---
# --description--
@@ -80,10 +80,8 @@ assert(pTextAlign === 'center');
</head>
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477aefa51bfc29327200b.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3477aefa51bfc29327200b
title: Step 15
title: Step 14
challengeType: 0
dashedName: step-15
dashedName: step-14
---
# --description--
@@ -55,10 +55,8 @@ Your code should not contain the `<style>` tags.
</head>
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb2e27333b1ab2b955.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3477cb2e27333b1ab2b955
title: Step 17
title: Step 16
challengeType: 0
dashedName: step-17
dashedName: step-16
---
# --description--
@@ -69,10 +69,8 @@ assert(link.dataset.href == 'styles.css')
--fcc-editable-region--
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb303c5cb61b43aa9b.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3477cb303c5cb61b43aa9b
title: Step 19
title: Step 18
challengeType: 0
dashedName: step-19
dashedName: step-18
---
# --description--
@@ -47,10 +47,8 @@ assert(bodyBackground === 'brown');
</head>
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cbcb6ba47918c1da92.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3477cbcb6ba47918c1da92
title: Step 18
title: Step 17
challengeType: 0
dashedName: step-18
dashedName: step-17
---
# --description--
@@ -53,10 +53,8 @@ assert(meta[0].outerHTML.match(/content=('|")width=device-width, initial-scale=1
--fcc-editable-region--
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f34a1fd611d003edeafd681.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f34a1fd611d003edeafd681
title: Step 20
title: Step 19
challengeType: 0
dashedName: step-20
dashedName: step-19
---
# --description--
@@ -40,10 +40,8 @@ assert(bodyBackground === 'burlywood');
</head>
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60785e1f3e9850b6e.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f356ed60785e1f3e9850b6e
title: Step 25
title: Step 24
challengeType: 0
dashedName: step-25
dashedName: step-24
---
# --description--
@@ -41,10 +41,8 @@ assert(!hasWidth);
<body>
<div>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60a5decd94ab66986.md
+4 -6
View File
@@ -1,9 +1,9 @@
---
id: 5f356ed60a5decd94ab66986
title: Step 23
title: Step 22
challengeType: 0
removeComments: false
dashedName: step-23
dashedName: step-22
---
# --description--
@@ -48,10 +48,8 @@ assert(bodyCSS === "rgba(0, 0, 0, 0)")
<body>
<div>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6199b0cdef1d2be8f.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f356ed6199b0cdef1d2be8f
title: Step 27
title: Step 26
challengeType: 0
dashedName: step-27
dashedName: step-26
---
# --description--
@@ -49,10 +49,8 @@ assert(!hasDiv);
<body>
<div>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63c7807a4f1e6d054.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f356ed63c7807a4f1e6d054
title: Step 22
title: Step 21
challengeType: 0
dashedName: step-22
dashedName: step-21
---
# --description--
@@ -48,10 +48,8 @@ assert(divWidth === '300px');
<body>
<div>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63e0fa262326eef05.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f356ed63e0fa262326eef05
title: Step 24
title: Step 23
challengeType: 0
dashedName: step-24
dashedName: step-23
---
# --description--
@@ -41,10 +41,8 @@ assert(divBackground === 'burlywood');
<body>
<div>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed656a336993abd9f7c.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f356ed656a336993abd9f7c
title: Step 26
title: Step 25
challengeType: 0
dashedName: step-26
dashedName: step-25
---
# --description--
@@ -50,10 +50,8 @@ assert(divMarginLeft === 'auto');
<body>
<div>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed69db0a491745e2bb6.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f356ed69db0a491745e2bb6
title: Step 28
title: Step 27
challengeType: 0
dashedName: step-28
dashedName: step-27
---
# --description--
@@ -41,10 +41,8 @@ assert($('div').attr('class').includes('menu'));
<div>
--fcc-editable-region--
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6cf6eab5f15f5cfe6.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f356ed6cf6eab5f15f5cfe6
title: Step 21
title: Step 20
challengeType: 0
dashedName: step-21
dashedName: step-20
---
# --description--
@@ -52,10 +52,8 @@ assert(div.parentElement.tagName === 'BODY');
--fcc-editable-region--
<body>
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c4321f818cdc4bed30.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f35e5c4321f818cdc4bed30
title: Step 30
title: Step 29
challengeType: 0
dashedName: step-30
dashedName: step-29
---
# --description--
@@ -52,10 +52,8 @@ assert(article.previousElementSibling.tagName === 'H2');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
--fcc-editable-region--
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c44359872a137bd98f.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f35e5c44359872a137bd98f
title: Step 29
title: Step 28
challengeType: 0
dashedName: step-29
dashedName: step-28
---
# --description--
@@ -56,10 +56,8 @@ assert(bodyBackground === `url("https://cdn.freecodecamp.org/curriculum/css-cafe
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d0fc037f7311b4ac8.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3c866d0fc037f7311b4ac8
title: Step 39
title: Step 38
challengeType: 0
dashedName: step-39
dashedName: step-38
---
# --description--
@@ -41,10 +41,8 @@ assert(priceWidth === '50%');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d28d7ad0de6470505.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3c866d28d7ad0de6470505
title: Step 33
title: Step 32
challengeType: 0
dashedName: step-33
dashedName: step-32
---
# --description--
@@ -47,10 +47,8 @@ assert($('.flavor')[0].innerText.match(/French Vanilla/i));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d5414453fc2d7b480.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3c866d5414453fc2d7b480
title: Step 32
title: Step 31
challengeType: 0
dashedName: step-32
dashedName: step-31
---
# --description--
@@ -91,10 +91,8 @@ assert(children[1].innerText.match(/4\.50/i));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
--fcc-editable-region--
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866daec9a49519871816.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3c866daec9a49519871816
title: Step 31
title: Step 30
challengeType: 0
dashedName: step-31
dashedName: step-30
---
# --description--
@@ -53,10 +53,8 @@ assert(secondP.innerText.match(/3\.00/i));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
--fcc-editable-region--
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dbf362f99b9a0c6d0.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3c866dbf362f99b9a0c6d0
title: Step 38
title: Step 37
challengeType: 0
dashedName: step-38
dashedName: step-37
---
# --description--
@@ -54,10 +54,8 @@ assert(itemPDisplay === 'inline-block');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dd0d0275f01d4d847.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3c866dd0d0275f01d4d847
title: Step 40
title: Step 39
challengeType: 0
dashedName: step-40
dashedName: step-39
---
# --description--
@@ -43,10 +43,8 @@ assert(priceWidth === '49%');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866de7a5b784048f94b1.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3c866de7a5b784048f94b1
title: Step 37
title: Step 36
challengeType: 0
dashedName: step-37
dashedName: step-36
---
# --description--
@@ -47,10 +47,8 @@ assert($('article')[0].className === 'item');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
--fcc-editable-region--
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade94c6576e7f7b7953f.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3cade94c6576e7f7b7953f
title: Step 42
title: Step 41
challengeType: 0
dashedName: step-42
dashedName: step-41
---
# --description--
@@ -41,10 +41,8 @@ assert(priceWidth === '50%');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9993019e26313fa8e.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3cade9993019e26313fa8e
title: Step 43
title: Step 42
challengeType: 0
dashedName: step-43
dashedName: step-42
---
# --description--
@@ -52,10 +52,8 @@ assert(articles[4] === items[4]);
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade99dda4e6071a85dfd.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3cade99dda4e6071a85dfd
title: Step 47
title: Step 46
challengeType: 0
dashedName: step-47
dashedName: step-46
---
# --description--
@@ -51,10 +51,8 @@ assert($('main').children('section').length === 2);
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
--fcc-editable-region--
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9fa77275d9f4efe62.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3cade9fa77275d9f4efe62
title: Step 41
title: Step 40
challengeType: 0
dashedName: step-41
dashedName: step-40
---
# --description--
@@ -35,10 +35,8 @@ assert(code.match(/Vanilla<\/p><p/));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e01f288a026d709587.md
+9 -11
View File
@@ -1,15 +1,15 @@
---
id: 5f3ef6e01f288a026d709587
title: Step 67
title: Step 66
challengeType: 0
dashedName: step-67
dashedName: step-66
---
# --description--
You can use an `hr` element to display a divider between sections of different content.
First, add an `hr` element between the `header` element and the first `section` element. Note that `hr` elements are self closing.
First, add an `hr` element between the `p` element with the class `established` and the first `section` element. Note that `hr` elements are self closing.
# --hints--
@@ -20,10 +20,10 @@ assert(code.match(/<hr\s?\/?>/i));
assert(!code.match(/<\/hr>/i));
```
You should not change your existing `header` element.
You should not change your existing `p` element with the class `established`.
```js
assert($('header').length === 1);
assert($('p.established').length === 1);
```
You should not change your existing `main` element.
@@ -32,10 +32,10 @@ You should not change your existing `main` element.
assert($('main').length === 1);
```
Your `hr` element should be between your `header` element and your `section` element.
Your `hr` element should be between your `p` element and your `section` element.
```js
assert($('hr')[0].previousElementSibling.tagName === 'HEADER');
assert($('hr')[0].previousElementSibling.tagName === 'P');
assert($('hr')[0].nextElementSibling.tagName === 'SECTION');
```
@@ -56,10 +56,8 @@ assert($('hr')[0].nextElementSibling.tagName === 'SECTION');
<div class="menu">
--fcc-editable-region--
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e03d719d5ac4738993.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e03d719d5ac4738993
title: Step 57
title: Step 56
challengeType: 0
dashedName: step-57
dashedName: step-56
---
# --description--
@@ -43,10 +43,8 @@ assert(menuMaxWidth === '500px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e04559b939080db057.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e04559b939080db057
title: Step 56
title: Step 55
challengeType: 0
dashedName: step-56
dashedName: step-55
---
# --description--
@@ -65,10 +65,8 @@ assert(menuPadding === '20px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e050279c7a4a7101d3.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e050279c7a4a7101d3
title: Step 55
title: Step 54
challengeType: 0
dashedName: step-55
dashedName: step-54
---
# --description--
@@ -64,10 +64,8 @@ assert(menuPaddingBottom === '20px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e05473f91f948724ab.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e05473f91f948724ab
title: Step 58
title: Step 57
challengeType: 0
dashedName: step-58
dashedName: step-57
---
# --description--
@@ -42,10 +42,8 @@ assert(bodyFontFamily === 'sans-serif');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e056bdde6ae6892ba2.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e056bdde6ae6892ba2
title: Step 59
title: Step 58
challengeType: 0
dashedName: step-59
dashedName: step-58
---
# --description--
@@ -55,10 +55,8 @@ assert($('h2').css('font-family').match(/impact/i));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e06d34faac0447fc44.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e06d34faac0447fc44
title: Step 61
title: Step 60
challengeType: 0
dashedName: step-61
dashedName: step-60
---
# --description--
@@ -48,10 +48,8 @@ assert(establishedFontStyle === 'italic');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e07276f782bb46b93d.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e07276f782bb46b93d
title: Step 64
title: Step 63
challengeType: 0
dashedName: step-64
dashedName: step-63
---
# --description--
@@ -53,10 +53,8 @@ assert(footer.previousElementSibling.tagName === 'MAIN');
<div class="menu">
--fcc-editable-region--
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0819d4f23ca7285e6.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e0819d4f23ca7285e6
title: Step 49
title: Step 48
challengeType: 0
dashedName: step-49
dashedName: step-48
---
# --description--
@@ -45,10 +45,8 @@ assert($('section')[1].children[1].className === 'item');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e087d56ed3ffdc36be.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e087d56ed3ffdc36be
title: Step 62
title: Step 61
challengeType: 0
dashedName: step-62
dashedName: step-61
---
# --description--
@@ -47,10 +47,8 @@ assert($('.established').css('font-style') === 'italic');
<div class="menu">
<main>
--fcc-editable-region--
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
--fcc-editable-region--
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0a81099d9a697b550.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e0a81099d9a697b550
title: Step 65
title: Step 64
challengeType: 0
dashedName: step-65
dashedName: step-64
---
# --description--
@@ -59,10 +59,8 @@ assert(document.querySelector("footer > p > a")?.href === "https://www.freecodec
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0b431cc215bb16f55.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e0b431cc215bb16f55
title: Step 66
title: Step 65
challengeType: 0
dashedName: step-66
dashedName: step-65
---
# --description--
@@ -39,10 +39,8 @@ assert($('footer').children('p').last().text().match(/123 Free Code Camp Drive/i
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e0c3feaebcf647ad.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e0e0c3feaebcf647ad
title: Step 48
title: Step 47
challengeType: 0
dashedName: step-48
dashedName: step-47
---
# --description--
@@ -45,10 +45,8 @@ assert($('h2')[1].innerText.match(/Desserts/i));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e9629bad967cd71e.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e0e9629bad967cd71e
title: Step 60
title: Step 59
challengeType: 0
dashedName: step-60
dashedName: step-59
---
# --description--
@@ -36,10 +36,8 @@ assert(fontFamily === 'Impact, serif');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0eaa7da26e3d34d78.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e0eaa7da26e3d34d78
title: Step 54
title: Step 53
challengeType: 0
dashedName: step-54
dashedName: step-53
---
# --description--
@@ -57,10 +57,8 @@ assert(menuPaddingRight === '20px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0f8c230bdd2349716.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3ef6e0f8c230bdd2349716
title: Step 63
title: Step 62
challengeType: 0
dashedName: step-63
dashedName: step-62
---
# --description--
@@ -57,10 +57,8 @@ assert(h2FontSize === '30px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3f26fa39591db45e5cd7a0.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f3f26fa39591db45e5cd7a0
title: Step 68
title: Step 67
challengeType: 0
dashedName: step-68
dashedName: step-67
---
# --description--
@@ -50,10 +50,8 @@ assert(hrHeight === '3px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459225127805351a6ad057.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f459225127805351a6ad057
title: Step 69
title: Step 68
challengeType: 0
dashedName: step-69
dashedName: step-68
---
# --description--
@@ -40,10 +40,8 @@ assert(hrBackgroundColor === 'brown');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459a7ceb8b5c446656d88b.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f459a7ceb8b5c446656d88b
title: Step 70
title: Step 69
challengeType: 0
dashedName: step-70
dashedName: step-69
---
# --description--
@@ -43,10 +43,8 @@ assert(hrBorderColor === 'brown');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459cf202c2a3472fae6a9f.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f459cf202c2a3472fae6a9f
title: Step 71
title: Step 70
challengeType: 0
dashedName: step-71
dashedName: step-70
---
# --description--
@@ -43,10 +43,8 @@ assert(hrHeight === '2px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459fd48bdc98491ca6d1a3.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f459fd48bdc98491ca6d1a3
title: Step 72
title: Step 71
challengeType: 0
dashedName: step-72
dashedName: step-71
---
# --description--
@@ -41,10 +41,8 @@ assert($('hr')[1].nextElementSibling.tagName === 'FOOTER');
<div class="menu">
--fcc-editable-region--
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a05977e2fa49d9119437.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f45a05977e2fa49d9119437
title: Step 73
title: Step 72
challengeType: 0
dashedName: step-73
dashedName: step-72
---
# --description--
@@ -40,10 +40,8 @@ assert(bodyPadding === '20px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a276c093334f0f6e9df4.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f45a276c093334f0f6e9df4
title: Step 74
title: Step 73
challengeType: 0
dashedName: step-74
dashedName: step-73
---
# --description--
@@ -64,10 +64,8 @@ assert(itemPMarginBottom === '5px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a5a7c49a8251f0bdb527.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f45a5a7c49a8251f0bdb527
title: Step 75
title: Step 74
challengeType: 0
dashedName: step-75
dashedName: step-74
---
# --description--
@@ -48,10 +48,8 @@ assert(itemPFontSize === '18px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a66d4a2b0453301e5a26.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f45a66d4a2b0453301e5a26
title: Step 79
title: Step 78
challengeType: 0
dashedName: step-79
dashedName: step-78
---
# --description--
@@ -55,10 +55,8 @@ assert(footerFontSize === '14px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b0731d39e15d54df4dfc.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f45b0731d39e15d54df4dfc
title: Step 80
title: Step 79
challengeType: 0
dashedName: step-80
dashedName: step-79
---
# --description--
@@ -49,10 +49,8 @@ assert(aColor === 'black');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b25e7ec2405f166b9de1.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f45b25e7ec2405f166b9de1
title: Step 81
title: Step 80
challengeType: 0
dashedName: step-81
dashedName: step-80
---
# --description--
@@ -50,10 +50,8 @@ assert(aVisitedColor === 'grey' || aVisitedColor === 'gray');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b3c93c027860d9298dbd.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f45b3c93c027860d9298dbd
title: Step 82
title: Step 81
challengeType: 0
dashedName: step-82
dashedName: step-81
---
# --description--
@@ -50,10 +50,8 @@ assert(aHoverColor === 'brown');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b45d099f3e621fbbb256.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f45b45d099f3e621fbbb256
title: Step 83
title: Step 82
challengeType: 0
dashedName: step-83
dashedName: step-82
---
# --description--
@@ -50,10 +50,8 @@ assert(aActiveColor === 'white');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b4c81cea7763550e40df.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f45b4c81cea7763550e40df
title: Step 84
title: Step 83
challengeType: 0
dashedName: step-84
dashedName: step-83
---
# --description--
@@ -41,10 +41,8 @@ assert(aActiveColor === 'brown');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b715301bbf667badc04a.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f45b715301bbf667badc04a
title: Step 85
title: Step 84
challengeType: 0
dashedName: step-85
dashedName: step-84
---
# --description--
@@ -43,10 +43,8 @@ assert(h1MarginTop === '0px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e270702a8456a664f0df.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f46e270702a8456a664f0df
title: Step 86
title: Step 85
challengeType: 0
dashedName: step-86
dashedName: step-85
---
# --description--
@@ -41,10 +41,8 @@ assert(h1MarginBottom === '15px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e36e745ead58487aabf2.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f46e36e745ead58487aabf2
title: Step 87
title: Step 86
challengeType: 0
dashedName: step-87
dashedName: step-86
---
# --description--
@@ -50,10 +50,8 @@ assert(addressMarginBottom === '5px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e7a4750dd05b5a673920.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f46e7a4750dd05b5a673920
title: Step 88
title: Step 87
challengeType: 0
dashedName: step-88
dashedName: step-87
---
# --description--
@@ -45,10 +45,8 @@ assert($('.address')[0].innerText.match(/123 Free Code Camp Drive/i));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e8284aae155c83015dee.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f46e8284aae155c83015dee
title: Step 89
title: Step 88
challengeType: 0
dashedName: step-89
dashedName: step-88
---
# --description--
@@ -47,10 +47,8 @@ assert($('img').attr('alt').match(/coffee icon/i));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
--fcc-editable-region--
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f46ede1ff8fec5ba656b44c
title: Step 78
title: Step 77
challengeType: 0
dashedName: step-78
dashedName: step-77
---
# --description--
@@ -33,10 +33,8 @@ assert(code.match(/\/\*\s*FOOTER\s*\*\//i));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f46fc57528aa1c4b5ea7c2e
title: Step 76
title: Step 75
challengeType: 0
dashedName: step-76
dashedName: step-75
---
# --description--
@@ -50,10 +50,8 @@ assert(bottomLineMargin === '25px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f4701b942c824109626c3d8.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f4701b942c824109626c3d8
title: Step 77
title: Step 76
challengeType: 0
dashedName: step-77
dashedName: step-76
---
# --description--
@@ -39,10 +39,8 @@ assert($('hr')[1].className === 'bottom-line');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475bb508746c16c9431d42.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f475bb508746c16c9431d42
title: Step 90
title: Step 89
challengeType: 0
dashedName: step-90
dashedName: step-89
---
# --description--
@@ -73,10 +73,8 @@ assert(imgMarginRight === 'auto');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475e1c7f71a61d913836c6.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f475e1c7f71a61d913836c6
title: Step 91
title: Step 90
challengeType: 0
dashedName: step-91
dashedName: step-90
---
# --description--
@@ -45,10 +45,8 @@ assert($('img').last().attr('alt').match(/pie icon/i));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f47633757ae3469f2d33d2e
title: Step 46
title: Step 45
challengeType: 0
dashedName: step-46
dashedName: step-45
---
# --description--
@@ -43,10 +43,8 @@ assert(priceWidth === '25%');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47fe7e31980053a8d4403b.md
+6 -10
View File
@@ -1,8 +1,8 @@
---
id: 5f47fe7e31980053a8d4403b
title: Step 92
title: Step 91
challengeType: 0
dashedName: step-92
dashedName: step-91
---
# --description--
@@ -43,10 +43,8 @@ assert(imgMarginTop === '-25px');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
@@ -210,10 +208,8 @@ a:active {
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>Coffee</h2>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716ad029ee4053c7027a7a.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f716ad029ee4053c7027a7a
title: Step 50
title: Step 49
challengeType: 0
dashedName: step-50
dashedName: step-49
---
# --description--
@@ -51,10 +51,8 @@ assert($('article').last().children('p')[1].innerText.match(/1\.50/i));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716bee5838c354c728a7c5.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f716bee5838c354c728a7c5
title: Step 53
title: Step 52
challengeType: 0
dashedName: step-53
dashedName: step-52
---
# --description--
@@ -85,10 +85,8 @@ assert(!code.match(/<\/p>\s+<p/));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7691dafd882520797cd2f0.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f7691dafd882520797cd2f0
title: Step 44
title: Step 43
challengeType: 0
dashedName: step-44
dashedName: step-43
---
# --description--
@@ -33,10 +33,8 @@ assert(!code.match(/<\/p>\s+<p/));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7692f7c5b3ce22a57788b6.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f7692f7c5b3ce22a57788b6
title: Step 45
title: Step 44
challengeType: 0
dashedName: step-45
dashedName: step-44
---
# --description--
@@ -63,10 +63,8 @@ assert(p[10] === price[4]);
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769541be494f25449b292f.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f769541be494f25449b292f
title: Step 34
title: Step 33
challengeType: 0
dashedName: step-34
dashedName: step-33
---
# --description--
@@ -48,10 +48,8 @@ assert(flavorTextAlign === 'left');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f76967fad478126d6552b0d.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f76967fad478126d6552b0d
title: Step 35
title: Step 34
challengeType: 0
dashedName: step-35
dashedName: step-34
---
# --description--
@@ -45,10 +45,8 @@ assert($('.price')[0].innerText.match(/3\.00/i));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769702e6e33127d14aa120.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f769702e6e33127d14aa120
title: Step 36
title: Step 35
challengeType: 0
dashedName: step-36
dashedName: step-35
---
# --description--
@@ -45,10 +45,8 @@ assert($('.price').css('text-align') === 'right');
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article>
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b87422a560036fd03ccff.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f7b87422a560036fd03ccff
title: Step 51
title: Step 50
challengeType: 0
dashedName: step-51
dashedName: step-50
---
# --description--
@@ -51,10 +51,8 @@ assert(!code.match(/<\/p>\s+<p/));
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b88d37b1f98386f04edc0.md
+4 -6
View File
@@ -1,8 +1,8 @@
---
id: 5f7b88d37b1f98386f04edc0
title: Step 52
title: Step 51
challengeType: 0
dashedName: step-52
dashedName: step-51
---
# --description--
@@ -36,10 +36,8 @@ assert(selector)
<body>
<div class="menu">
<main>
<header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
</header>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">