diff --git a/curriculum/challenges/_meta/workshop-cafe-menu/meta.json b/curriculum/challenges/_meta/workshop-cafe-menu/meta.json index 17f9c7f28ee..078a8496c6a 100644 --- a/curriculum/challenges/_meta/workshop-cafe-menu/meta.json +++ b/curriculum/challenges/_meta/workshop-cafe-menu/meta.json @@ -261,116 +261,124 @@ "title": "Step 63" }, { - "id": "5f3ef6e0a81099d9a697b550", + "id": "6780e8ef4153930b965cd7b7", "title": "Step 64" }, { - "id": "5f3ef6e0b431cc215bb16f55", + "id": "5f3ef6e0a81099d9a697b550", "title": "Step 65" }, { - "id": "5f3ef6e01f288a026d709587", + "id": "5f3ef6e0b431cc215bb16f55", "title": "Step 66" }, { - "id": "5f3f26fa39591db45e5cd7a0", + "id": "5f3ef6e01f288a026d709587", "title": "Step 67" }, { - "id": "5f459225127805351a6ad057", + "id": "5f3f26fa39591db45e5cd7a0", "title": "Step 68" }, { - "id": "5f459a7ceb8b5c446656d88b", + "id": "5f459225127805351a6ad057", "title": "Step 69" }, { - "id": "5f459cf202c2a3472fae6a9f", + "id": "5f459a7ceb8b5c446656d88b", "title": "Step 70" }, { - "id": "5f459fd48bdc98491ca6d1a3", + "id": "5f459cf202c2a3472fae6a9f", "title": "Step 71" }, { - "id": "5f45a05977e2fa49d9119437", + "id": "5f459fd48bdc98491ca6d1a3", "title": "Step 72" }, { - "id": "5f45a276c093334f0f6e9df4", + "id": "5f45a05977e2fa49d9119437", "title": "Step 73" }, { - "id": "5f45a5a7c49a8251f0bdb527", + "id": "5f45a276c093334f0f6e9df4", "title": "Step 74" }, { - "id": "5f46fc57528aa1c4b5ea7c2e", + "id": "5f45a5a7c49a8251f0bdb527", "title": "Step 75" }, { - "id": "5f4701b942c824109626c3d8", + "id": "5f46fc57528aa1c4b5ea7c2e", "title": "Step 76" }, { - "id": "5f46ede1ff8fec5ba656b44c", + "id": "5f4701b942c824109626c3d8", "title": "Step 77" }, { - "id": "5f45a66d4a2b0453301e5a26", + "id": "5f46ede1ff8fec5ba656b44c", "title": "Step 78" }, { - "id": "5f45b0731d39e15d54df4dfc", + "id": "5f45a66d4a2b0453301e5a26", "title": "Step 79" }, { - "id": "5f45b25e7ec2405f166b9de1", + "id": "6780f0d898362873ac425dc8", "title": "Step 80" }, { - "id": "5f45b3c93c027860d9298dbd", + "id": "5f45b0731d39e15d54df4dfc", "title": "Step 81" }, { - "id": "5f45b45d099f3e621fbbb256", + "id": "5f45b25e7ec2405f166b9de1", "title": "Step 82" }, { - "id": "5f45b4c81cea7763550e40df", + "id": "5f45b3c93c027860d9298dbd", "title": "Step 83" }, { - "id": "5f45b715301bbf667badc04a", + "id": "5f45b45d099f3e621fbbb256", "title": "Step 84" }, { - "id": "5f46e270702a8456a664f0df", + "id": "5f45b4c81cea7763550e40df", "title": "Step 85" }, { - "id": "5f46e36e745ead58487aabf2", + "id": "5f45b715301bbf667badc04a", "title": "Step 86" }, { - "id": "5f46e7a4750dd05b5a673920", + "id": "5f46e270702a8456a664f0df", "title": "Step 87" }, { - "id": "5f46e8284aae155c83015dee", + "id": "5f46e36e745ead58487aabf2", "title": "Step 88" }, { - "id": "5f475bb508746c16c9431d42", + "id": "5f46e7a4750dd05b5a673920", "title": "Step 89" }, { - "id": "5f475e1c7f71a61d913836c6", + "id": "5f46e8284aae155c83015dee", "title": "Step 90" }, { - "id": "5f47fe7e31980053a8d4403b", + "id": "5f475bb508746c16c9431d42", "title": "Step 91" + }, + { + "id": "5f475e1c7f71a61d913836c6", + "title": "Step 92" + }, + { + "id": "5f47fe7e31980053a8d4403b", + "title": "Step 93" } ], "helpCategory": "HTML-CSS" diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e01f288a026d709587.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e01f288a026d709587.md index c5f5ea76b7a..d5d73fb7b64 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e01f288a026d709587.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e01f288a026d709587.md @@ -1,8 +1,8 @@ --- id: 5f3ef6e01f288a026d709587 -title: Step 66 +title: Step 67 challengeType: 0 -dashedName: step-66 +dashedName: step-67 --- # --description-- @@ -102,10 +102,12 @@ assert.strictEqual(hrElement?.nextElementSibling?.tagName, 'SECTION'); --fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e0a81099d9a697b550.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e0a81099d9a697b550.md index 9e6e2c08ccd..ba94dba275e 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e0a81099d9a697b550.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e0a81099d9a697b550.md @@ -1,13 +1,13 @@ --- id: 5f3ef6e0a81099d9a697b550 -title: Step 64 +title: Step 65 challengeType: 0 -dashedName: step-64 +dashedName: step-65 --- # --description-- -Inside the `footer`, add a `p` element. Then, nest an anchor (`a`) element in the `p` that links to `https://www.freecodecamp.org` and has the text `Visit our website`. +Inside the `address`, add a `p` element. Then, nest an anchor (`a`) element in the `p` that links to `https://www.freecodecamp.org` and has the text `Visit our website`. Make sure that the link opens in a new tab by adding a `target` attribute with the value `_blank`. @@ -19,36 +19,42 @@ You should not modify the existing `footer` element. assert(document.querySelectorAll("footer").length === 1); ``` -Your new `p` element should be nested within your `footer` element. You should have exactly one `p` element. +You should not modify the existing `address` element. ```js -assert(document.querySelectorAll("footer > p").length === 1); +assert(document.querySelectorAll("address").length === 1); +``` + +Your new `p` element should be nested within your `address` element. You should have exactly one `p` element. + +```js +assert(document.querySelectorAll("footer > address > p").length === 1); assert(document.querySelectorAll("footer p").length === 1); ``` Your new `a` element should be nested within your new `p` element. You should have exactly one `a` element. ```js -assert(document.querySelectorAll("footer > p > a").length === 1); +assert(document.querySelectorAll("footer > address > p > a").length === 1); assert(document.querySelectorAll("footer a").length === 1); ``` Your new `a` element should have the text `Visit our website`. ```js -assert(document.querySelector("footer > p > a")?.innerText === "Visit our website"); +assert(document.querySelector("footer > address > p > a")?.innerText === "Visit our website"); ``` Your new `a` element should link to `https://www.freecodecamp.org`. Remember that `a` elements use the `href` attribute to create a link. ```js -assert(document.querySelector("footer > p > a")?.href === "https://www.freecodecamp.org/"); +assert(document.querySelector("footer > address > p > a")?.href === "https://www.freecodecamp.org/"); ``` Your new `a` element should have the `target` attribute set to `_blank`. ```js -assert.equal(document.querySelector("footer > p > a")?.target, "_blank"); +assert.equal(document.querySelector("footer > address > p > a")?.target, "_blank"); ``` # --seed-- @@ -105,7 +111,9 @@ assert.equal(document.querySelector("footer > p > a")?.target, "_blank"); --fcc-editable-region-- --fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e0b431cc215bb16f55.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e0b431cc215bb16f55.md index 9eaba12e37b..e5241f0b16d 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e0b431cc215bb16f55.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3ef6e0b431cc215bb16f55.md @@ -1,8 +1,8 @@ --- id: 5f3ef6e0b431cc215bb16f55 -title: Step 65 +title: Step 66 challengeType: 0 -dashedName: step-65 +dashedName: step-66 --- # --description-- @@ -11,19 +11,19 @@ Add a second `p` element below the one with the link and give it the text `123 F # --hints-- -You should add a second `p` element to your `footer`. +You should add a second `p` element to your `address`. ```js -const footer = document.querySelector('footer'); -const children = footer?.querySelectorAll(`:scope ${'p'}`); +const address = document.querySelector('address'); +const children = address?.querySelectorAll(`:scope ${'p'}`); assert.lengthOf(children , 2); ``` Your new `p` element should have the text `123 Free Code Camp Drive`. Make sure your new element comes after your existing element. ```js -const footer = document.querySelector('footer'); -const children = footer.querySelectorAll(`:scope ${'p'}`) || []; +const address = document.querySelector('address'); +const children = address.querySelectorAll(`:scope ${'p'}`) || []; const lastChild = [...children]?.at(-1); assert.match(lastChild?.textContent, /123 Free Code Camp Drive/i); ``` @@ -82,9 +82,11 @@ assert.match(lastChild?.textContent, /123 Free Code Camp Drive/i); diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3f26fa39591db45e5cd7a0.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3f26fa39591db45e5cd7a0.md index a26dfdb2f5e..15c18b23b86 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3f26fa39591db45e5cd7a0.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f3f26fa39591db45e5cd7a0.md @@ -1,8 +1,8 @@ --- id: 5f3f26fa39591db45e5cd7a0 -title: Step 67 +title: Step 68 challengeType: 0 -dashedName: step-67 +dashedName: step-68 --- # --description-- @@ -88,10 +88,12 @@ assert(hrHeight === '3px'); diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459225127805351a6ad057.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459225127805351a6ad057.md index 4b303e5825b..935274d0e88 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459225127805351a6ad057.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459225127805351a6ad057.md @@ -1,8 +1,8 @@ --- id: 5f459225127805351a6ad057 -title: Step 68 +title: Step 69 challengeType: 0 -dashedName: step-68 +dashedName: step-69 --- # --description-- @@ -78,10 +78,12 @@ assert(hrBackgroundColor === 'brown'); diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459a7ceb8b5c446656d88b.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459a7ceb8b5c446656d88b.md index e7445bc56fb..51995f6d33b 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459a7ceb8b5c446656d88b.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459a7ceb8b5c446656d88b.md @@ -1,8 +1,8 @@ --- id: 5f459a7ceb8b5c446656d88b -title: Step 69 +title: Step 70 challengeType: 0 -dashedName: step-69 +dashedName: step-70 --- # --description-- @@ -81,10 +81,12 @@ assert(hrBorderColor === 'brown'); diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459cf202c2a3472fae6a9f.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459cf202c2a3472fae6a9f.md index c1884808268..b309293bf49 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459cf202c2a3472fae6a9f.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459cf202c2a3472fae6a9f.md @@ -1,8 +1,8 @@ --- id: 5f459cf202c2a3472fae6a9f -title: Step 70 +title: Step 71 challengeType: 0 -dashedName: step-70 +dashedName: step-71 --- # --description-- @@ -81,10 +81,12 @@ assert(hrHeight === '2px'); diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459fd48bdc98491ca6d1a3.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459fd48bdc98491ca6d1a3.md index 70cb7f25d1c..0913f6f6c26 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459fd48bdc98491ca6d1a3.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f459fd48bdc98491ca6d1a3.md @@ -1,8 +1,8 @@ --- id: 5f459fd48bdc98491ca6d1a3 -title: Step 71 +title: Step 72 challengeType: 0 -dashedName: step-71 +dashedName: step-72 --- # --description-- @@ -79,10 +79,12 @@ assert.equal(document.querySelectorAll('hr')?.[1]?.nextElementSibling?.tagName, --fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a05977e2fa49d9119437.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a05977e2fa49d9119437.md index 1ae15390477..0f2dd3b6341 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a05977e2fa49d9119437.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a05977e2fa49d9119437.md @@ -1,8 +1,8 @@ --- id: 5f45a05977e2fa49d9119437 -title: Step 72 +title: Step 73 challengeType: 0 -dashedName: step-72 +dashedName: step-73 --- # --description-- @@ -79,10 +79,12 @@ assert(bodyPadding === '20px');
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a276c093334f0f6e9df4.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a276c093334f0f6e9df4.md index 4195a37d80d..3ff8837c5e1 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a276c093334f0f6e9df4.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a276c093334f0f6e9df4.md @@ -1,8 +1,8 @@ --- id: 5f45a276c093334f0f6e9df4 -title: Step 73 +title: Step 74 challengeType: 0 -dashedName: step-73 +dashedName: step-74 --- # --description-- @@ -117,10 +117,12 @@ assert(!itemPMarginRight);
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a5a7c49a8251f0bdb527.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a5a7c49a8251f0bdb527.md index ac0f43a3546..9da4c3787e5 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a5a7c49a8251f0bdb527.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a5a7c49a8251f0bdb527.md @@ -1,8 +1,8 @@ --- id: 5f45a5a7c49a8251f0bdb527 -title: Step 74 +title: Step 75 challengeType: 0 -dashedName: step-74 +dashedName: step-75 --- # --description-- @@ -87,10 +87,12 @@ assert(itemPFontSize === '18px');
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a66d4a2b0453301e5a26.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a66d4a2b0453301e5a26.md index edc48913e0d..d3d3a903674 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a66d4a2b0453301e5a26.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45a66d4a2b0453301e5a26.md @@ -1,8 +1,8 @@ --- id: 5f45a66d4a2b0453301e5a26 -title: Step 78 +title: Step 79 challengeType: 0 -dashedName: step-78 +dashedName: step-79 --- # --description-- @@ -94,10 +94,12 @@ assert(footerFontSize === '14px');
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b0731d39e15d54df4dfc.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b0731d39e15d54df4dfc.md index 6c38a852bbf..5700eb4b7b7 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b0731d39e15d54df4dfc.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b0731d39e15d54df4dfc.md @@ -1,8 +1,8 @@ --- id: 5f45b0731d39e15d54df4dfc -title: Step 79 +title: Step 81 challengeType: 0 -dashedName: step-79 +dashedName: step-81 --- # --description-- @@ -88,10 +88,12 @@ assert(aColor === 'black');
@@ -166,6 +168,11 @@ h1, h2 { footer { font-size: 14px; } + +address { + font-style: normal; +} + --fcc-editable-region-- --fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b25e7ec2405f166b9de1.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b25e7ec2405f166b9de1.md index fcada391dd9..c577a31e8ac 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b25e7ec2405f166b9de1.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b25e7ec2405f166b9de1.md @@ -1,8 +1,8 @@ --- id: 5f45b25e7ec2405f166b9de1 -title: Step 80 +title: Step 82 challengeType: 0 -dashedName: step-80 +dashedName: step-82 --- # --description-- @@ -89,10 +89,12 @@ assert(aVisitedColor === 'grey' || aVisitedColor === 'gray');
@@ -168,6 +170,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + a { color: black; } diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b3c93c027860d9298dbd.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b3c93c027860d9298dbd.md index 7e8dc5dd318..ff342b910d0 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b3c93c027860d9298dbd.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b3c93c027860d9298dbd.md @@ -1,8 +1,8 @@ --- id: 5f45b3c93c027860d9298dbd -title: Step 81 +title: Step 83 challengeType: 0 -dashedName: step-81 +dashedName: step-83 --- # --description-- @@ -89,10 +89,12 @@ assert(aHoverColor === 'brown');
@@ -168,6 +170,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + a { color: black; } diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b45d099f3e621fbbb256.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b45d099f3e621fbbb256.md index bc6ad643044..8c6f8068d85 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b45d099f3e621fbbb256.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b45d099f3e621fbbb256.md @@ -1,8 +1,8 @@ --- id: 5f45b45d099f3e621fbbb256 -title: Step 82 +title: Step 84 challengeType: 0 -dashedName: step-82 +dashedName: step-84 --- # --description-- @@ -89,10 +89,12 @@ assert(aActiveColor === 'white');
@@ -168,6 +170,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + a { color: black; } diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b4c81cea7763550e40df.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b4c81cea7763550e40df.md index 399884599a7..ecee68b00cf 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b4c81cea7763550e40df.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b4c81cea7763550e40df.md @@ -1,8 +1,8 @@ --- id: 5f45b4c81cea7763550e40df -title: Step 83 +title: Step 85 challengeType: 0 -dashedName: step-83 +dashedName: step-85 --- # --description-- @@ -80,10 +80,12 @@ assert(aActiveColor === 'brown');
@@ -159,6 +161,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + a { color: black; } diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b715301bbf667badc04a.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b715301bbf667badc04a.md index 2ead955cbfc..57ca482ee4c 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b715301bbf667badc04a.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f45b715301bbf667badc04a.md @@ -1,8 +1,8 @@ --- id: 5f45b715301bbf667badc04a -title: Step 84 +title: Step 86 challengeType: 0 -dashedName: step-84 +dashedName: step-86 --- # --description-- @@ -82,10 +82,12 @@ assert(h1MarginTop === '0px');
@@ -163,6 +165,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + a { color: black; } diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e270702a8456a664f0df.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e270702a8456a664f0df.md index 3d2a8ef16bc..7a4fbacfed0 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e270702a8456a664f0df.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e270702a8456a664f0df.md @@ -1,8 +1,8 @@ --- id: 5f46e270702a8456a664f0df -title: Step 85 +title: Step 87 challengeType: 0 -dashedName: step-85 +dashedName: step-87 --- # --description-- @@ -80,10 +80,12 @@ assert(h1MarginBottom === '15px');
@@ -162,6 +164,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + a { color: black; } diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e36e745ead58487aabf2.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e36e745ead58487aabf2.md index e1eb6345420..33131418eb2 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e36e745ead58487aabf2.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e36e745ead58487aabf2.md @@ -1,8 +1,8 @@ --- id: 5f46e36e745ead58487aabf2 -title: Step 86 +title: Step 88 challengeType: 0 -dashedName: step-86 +dashedName: step-88 --- # --description-- @@ -89,10 +89,12 @@ assert(addressMarginBottom === '5px');
@@ -170,6 +172,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + --fcc-editable-region-- --fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e7a4750dd05b5a673920.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e7a4750dd05b5a673920.md index a9fa05cb713..914cc03e631 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e7a4750dd05b5a673920.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e7a4750dd05b5a673920.md @@ -1,8 +1,8 @@ --- id: 5f46e7a4750dd05b5a673920 -title: Step 87 +title: Step 89 challengeType: 0 -dashedName: step-87 +dashedName: step-89 --- # --description-- @@ -85,10 +85,12 @@ assert.match(document.querySelector('.address')?.innerText, /123 Free Code Camp
--fcc-editable-region-- --fcc-editable-region-- @@ -167,6 +169,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + .address { margin-bottom: 5px; } diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e8284aae155c83015dee.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e8284aae155c83015dee.md index 253c6ea66a6..e9aaa275e0b 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e8284aae155c83015dee.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46e8284aae155c83015dee.md @@ -1,8 +1,8 @@ --- id: 5f46e8284aae155c83015dee -title: Step 88 +title: Step 90 challengeType: 0 -dashedName: step-88 +dashedName: step-90 --- # --description-- @@ -97,12 +97,13 @@ assert.match(imageAltValue, /coffee icon/i);
- ``` @@ -178,6 +179,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + .address { margin-bottom: 5px; } diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46ede1ff8fec5ba656b44c.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46ede1ff8fec5ba656b44c.md index 69f8ee57d6c..ab037181fbf 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46ede1ff8fec5ba656b44c.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46ede1ff8fec5ba656b44c.md @@ -1,8 +1,8 @@ --- id: 5f46ede1ff8fec5ba656b44c -title: Step 77 +title: Step 78 challengeType: 0 -dashedName: step-77 +dashedName: step-78 --- # --description-- @@ -72,10 +72,12 @@ assert(code.match(/\/\*\s*FOOTER\s*\*\//i));
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md index 8f0d9f27e70..d43a201646a 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md @@ -1,8 +1,8 @@ --- id: 5f46fc57528aa1c4b5ea7c2e -title: Step 75 +title: Step 76 challengeType: 0 -dashedName: step-75 +dashedName: step-76 --- # --description-- @@ -89,10 +89,12 @@ assert(bottomLineMargin === '25px');
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f4701b942c824109626c3d8.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f4701b942c824109626c3d8.md index 04ea9e86b92..5b5d42f8aaa 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f4701b942c824109626c3d8.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f4701b942c824109626c3d8.md @@ -1,8 +1,8 @@ --- id: 5f4701b942c824109626c3d8 -title: Step 76 +title: Step 77 challengeType: 0 -dashedName: step-76 +dashedName: step-77 --- # --description-- @@ -81,10 +81,12 @@ assert.isTrue(hrList?.[1]?.classList?.contains('bottom-line'));
--fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f475bb508746c16c9431d42.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f475bb508746c16c9431d42.md index 074b8f9c29d..dd0e39f5db1 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f475bb508746c16c9431d42.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f475bb508746c16c9431d42.md @@ -1,8 +1,8 @@ --- id: 5f475bb508746c16c9431d42 -title: Step 89 +title: Step 91 challengeType: 0 -dashedName: step-89 +dashedName: step-91 --- # --description-- @@ -113,12 +113,13 @@ assert(imgMarginRight === 'auto');
- ``` @@ -198,6 +199,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + .address { margin-bottom: 5px; } diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f475e1c7f71a61d913836c6.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f475e1c7f71a61d913836c6.md index 049793119e0..d585e5c69b5 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f475e1c7f71a61d913836c6.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f475e1c7f71a61d913836c6.md @@ -1,8 +1,8 @@ --- id: 5f475e1c7f71a61d913836c6 -title: Step 90 +title: Step 92 challengeType: 0 -dashedName: step-90 +dashedName: step-92 --- # --description-- @@ -89,12 +89,13 @@ assert.match(lastImage?.alt,/pie icon/i);
- ``` @@ -176,6 +177,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + .address { margin-bottom: 5px; } diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f47fe7e31980053a8d4403b.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f47fe7e31980053a8d4403b.md index e4f7288a8d1..7009c298642 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f47fe7e31980053a8d4403b.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/5f47fe7e31980053a8d4403b.md @@ -1,8 +1,8 @@ --- id: 5f47fe7e31980053a8d4403b -title: Step 91 +title: Step 93 challengeType: 0 -dashedName: step-91 +dashedName: step-93 --- # --description-- @@ -86,10 +86,12 @@ assert(imgMarginTop === '-25px');
@@ -175,6 +177,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + .address { margin-bottom: 5px; } @@ -251,10 +257,12 @@ a:active {
@@ -339,6 +347,10 @@ footer { font-size: 14px; } +address { + font-style: normal; +} + .address { margin-bottom: 5px; } diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/6780e8ef4153930b965cd7b7.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/6780e8ef4153930b965cd7b7.md new file mode 100644 index 00000000000..9e3b521e521 --- /dev/null +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/6780e8ef4153930b965cd7b7.md @@ -0,0 +1,130 @@ +--- +id: 6780e8ef4153930b965cd7b7 +title: Step 64 +challengeType: 0 +dashedName: step-64 +--- + +# --description-- + +Inside the `footer`, add an `address` element. You will add contact information to this element in the next few steps. + +# --hints-- + +You should add an `address` element inside the `footer`. + +```js +assert.isNotNull(document.querySelector('footer > address')); +``` + +# --seed-- + +## --seed-contents-- + +```html + + + + + + Cafe Menu + + + +
+
+

CAMPER CAFE

+

Est. 2020

+
+

Coffee

+
+

French Vanilla

3.00

+
+
+

Caramel Macchiato

3.75

+
+
+

Pumpkin Spice

3.50

+
+
+

Hazelnut

4.00

+
+
+

Mocha

4.50

+
+
+
+

Desserts

+
+

Donut

1.50

+
+
+

Cherry Pie

2.75

+
+
+

Cheesecake

3.00

+
+
+

Cinnamon Roll

2.50

+
+
+
+--fcc-editable-region-- + +--fcc-editable-region-- +
+ + +``` + +```css +body { + background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); + font-family: sans-serif; +} + +h1 { + font-size: 40px; +} + +h2 { + font-size: 30px; +} + +.established { + font-style: italic; +} + +h1, h2, p { + text-align: center; +} + +.menu { + width: 80%; + background-color: burlywood; + margin-left: auto; + margin-right: auto; + padding: 20px; + max-width: 500px; +} + +h1, h2 { + font-family: Impact, serif; +} + +.item p { + display: inline-block; +} + +.flavor, .dessert { + text-align: left; + width: 75%; +} + +.price { + text-align: right; + width: 25% +} +``` diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/6780f0d898362873ac425dc8.md b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/6780f0d898362873ac425dc8.md new file mode 100644 index 00000000000..b0ab1fae533 --- /dev/null +++ b/curriculum/challenges/english/25-front-end-development/workshop-cafe-menu/6780f0d898362873ac425dc8.md @@ -0,0 +1,172 @@ +--- +id: 6780f0d898362873ac425dc8 +title: Step 80 +challengeType: 0 +dashedName: step-80 +--- + +# --description-- + +The default styling of the `address` element is to have `font-style` set to `italic`. Add a selector for the `address` element and set its `font-style` to `normal`. + +# --hints-- + +You should have a selector for the `address` element. + +```js +assert.isNotNull(new __helpers.CSSHelp(document).getStyle('address')); +``` + +The `address` selector should set the `font-style` property. + +```js +assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle('address').getPropVal('font-style')); +``` + +The `font-style` property should bet set to `normal`. + +```js +assert.equal(new __helpers.CSSHelp(document).getStyle('address').getPropVal('font-style'), 'normal'); +``` + +# --seed-- + +## --seed-contents-- + +```html + + + + + + Cafe Menu + + + +
+
+

CAMPER CAFE

+

Est. 2020

+
+
+

Coffee

+
+

French Vanilla

3.00

+
+
+

Caramel Macchiato

3.75

+
+
+

Pumpkin Spice

3.50

+
+
+

Hazelnut

4.00

+
+
+

Mocha

4.50

+
+
+
+

Desserts

+
+

Donut

1.50

+
+
+

Cherry Pie

2.75

+
+
+

Cheesecake

3.00

+
+
+

Cinnamon Roll

2.50

+
+
+
+
+ +
+ + +``` + +```css +body { + background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); + font-family: sans-serif; + padding: 20px; +} + +h1 { + font-size: 40px; +} + +h2 { + font-size: 30px; +} + +.established { + font-style: italic; +} + +h1, h2, p { + text-align: center; +} + +.menu { + width: 80%; + background-color: burlywood; + margin-left: auto; + margin-right: auto; + padding: 20px; + max-width: 500px; +} + +hr { + height: 2px; + background-color: brown; + border-color: brown; +} + +.bottom-line { + margin-top: 25px; +} + +h1, h2 { + font-family: Impact, serif; +} + +.item p { + display: inline-block; + margin-top: 5px; + margin-bottom: 5px; + font-size: 18px; +} + +.flavor, .dessert { + text-align: left; + width: 75%; +} + +.price { + text-align: right; + width: 25% +} + +/* FOOTER */ + +footer { + font-size: 14px; +} + +--fcc-editable-region-- + +--fcc-editable-region-- + +```