gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(curriculum): correct editable region cafe-menu (#65364)

Browse Source
This commit is contained in:
hbar1st
2026-01-23 03:57:48 -05:00
committed by GitHub
parent 9b09a1cbfc
commit b1836efbce
58 changed files with 145 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/english/blocks/workshop-cafe-menu/5f33294a6af5e9188dbdb8f3.md
+3 -2
View File
@@ -49,9 +49,10 @@ assert.equal(main.parentElement.tagName, 'BODY');
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Cafe Menu</title> <title>Cafe Menu</title>
</head> </head>
--fcc-editable-region--
<body> <body>
</body>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</body>
</html> </html>
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f332a88dc25a0fd25c7687a.md
+3 -2
View File
@@ -53,10 +53,11 @@ assert.match(code, /<h1>CAMPER CAFE<\/h1>/);
<title>Cafe Menu</title> <title>Cafe Menu</title>
</head> </head>
<body> <body>
--fcc-editable-region--
<main> <main>
</main>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</main>
</body> </body>
</html> </html>
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f332b23c2045fb843337579.md
+2 -1
View File
@@ -54,8 +54,9 @@ assert.equal(document.querySelector("p")?.innerText.trim(), "Est. 2020");
</head> </head>
<body> <body>
<main> <main>
--fcc-editable-region--
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
--fcc-editable-region--
--fcc-editable-region-- --fcc-editable-region--
</main> </main>
</body> </body>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f344f9c805cd193c33d829c.md
+3 -2
View File
@@ -50,10 +50,11 @@ assert.equal(h1TextAlign, 'center');
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Cafe Menu</title> <title>Cafe Menu</title>
--fcc-editable-region--
<style> <style>
</style>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</style>
</head> </head>
<body> <body>
<main> <main>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f344fad8bf01691e71a30eb.md
+3 -2
View File
@@ -36,10 +36,12 @@ assert.match(code, /<head\s*>[\w\W\s]*<style\s*>[\w\W\s]*<\/style\s*>[\w\W\s]*<\
```html ```html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
--fcc-editable-region--
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Cafe Menu</title> <title>Cafe Menu</title>
--fcc-editable-region--
--fcc-editable-region--
</head> </head>
<body> <body>
<main> <main>
@@ -50,6 +52,5 @@ assert.match(code, /<head\s*>[\w\W\s]*<style\s*>[\w\W\s]*<\/style\s*>[\w\W\s]*<\
</section> </section>
</main> </main>
</body> </body>
--fcc-editable-region--
</html> </html>
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f344fbc22624a2976425065.md
+3 -2
View File
@@ -58,10 +58,11 @@ assert.equal(h2?.innerText.trim(), 'Coffee');
<main> <main>
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
<p>Est. 2020</p> <p>Est. 2020</p>
--fcc-editable-region--
<section> <section>
</section>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</section>
</main> </main>
</body> </body>
</html> </html>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f344fc1520b6719f2e35605.md
+3 -2
View File
@@ -49,12 +49,13 @@ assert.strictEqual(section.parentElement, main);
<title>Cafe Menu</title> <title>Cafe Menu</title>
</head> </head>
<body> <body>
--fcc-editable-region--
<main> <main>
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
<p>Est. 2020</p> <p>Est. 2020</p>
</main>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</main>
</body> </body>
</html> </html>
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3477ae34c1239cafe128be.md
+2 -2
View File
@@ -43,8 +43,8 @@ assert.equal(selectors.length, 1);
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Cafe Menu</title> <title>Cafe Menu</title>
--fcc-editable-region--
<style> <style>
--fcc-editable-region--
h1 { h1 {
text-align: center; text-align: center;
} }
@@ -54,8 +54,8 @@ assert.equal(selectors.length, 1);
p { p {
text-align: center; text-align: center;
} }
</style>
--fcc-editable-region-- --fcc-editable-region--
</style>
</head> </head>
<body> <body>
<main> <main>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3477ae8466a9a3d2cc953c.md
+2 -2
View File
@@ -31,17 +31,17 @@ assert.isFalse(editableContents.includes('text-align'));
```html ```html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
--fcc-editable-region--
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Cafe Menu</title> <title>Cafe Menu</title>
--fcc-editable-region--
<style> <style>
h1, h2, p { h1, h2, p {
text-align: center; text-align: center;
} }
</style> </style>
</head>
--fcc-editable-region-- --fcc-editable-region--
</head>
<body> <body>
<main> <main>
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3477ae9675db8bb7655b30.md
+3 -2
View File
@@ -69,13 +69,14 @@ assert.equal(pTextAlign, 'center');
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Cafe Menu</title> <title>Cafe Menu</title>
--fcc-editable-region--
<style> <style>
h1 { h1 {
text-align: center; text-align: center;
} }
</style>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</style>
</head> </head>
<body> <body>
<main> <main>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3477cb2e27333b1ab2b955.md
+3 -2
View File
@@ -69,12 +69,13 @@ assert.strictEqual(linkHrefValue, 'styles.css');
```html ```html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
--fcc-editable-region--
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Cafe Menu</title> <title>Cafe Menu</title>
</head>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</head>
<body> <body>
<main> <main>
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3477cb303c5cb61b43aa9b.md
+2 -1
View File
@@ -58,11 +58,12 @@ assert.equal(bodyBackground, 'brown');
``` ```
```css ```css
--fcc-editable-region--
--fcc-editable-region-- --fcc-editable-region--
h1, h2, p { h1, h2, p {
text-align: center; text-align: center;
} }
--fcc-editable-region--
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3477cbcb6ba47918c1da92.md
+3 -2
View File
@@ -46,13 +46,14 @@ assert.exists(meta[0]?.outerHTML?.match(/content=('|")width=device-width, initia
```html ```html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
--fcc-editable-region--
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
--fcc-editable-region--
--fcc-editable-region--
<title>Cafe Menu</title> <title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet"/> <link href="styles.css" rel="stylesheet"/>
</head> </head>
--fcc-editable-region--
<body> <body>
<main> <main>
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f34a1fd611d003edeafd681.md
+3 -3
View File
@@ -51,11 +51,11 @@ assert.equal(bodyBackground, 'burlywood');
``` ```
```css ```css
--fcc-editable-region--
body { body {
background-color: brown;
}
--fcc-editable-region-- --fcc-editable-region--
background-color: brown;
--fcc-editable-region--
}
h1, h2, p { h1, h2, p {
text-align: center; text-align: center;
} }
curriculum/challenges/english/blocks/workshop-cafe-menu/5f356ed60785e1f3e9850b6e.md
+3 -2
View File
@@ -64,11 +64,12 @@ body {
h1, h2, p { h1, h2, p {
text-align: center; text-align: center;
} }
--fcc-editable-region--
#menu { #menu {
--fcc-editable-region--
width: 300px; width: 300px;
--fcc-editable-region--
background-color: burlywood; background-color: burlywood;
} }
--fcc-editable-region--
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f356ed6199b0cdef1d2be8f.md
+1 -1
View File
@@ -75,11 +75,11 @@ h1, h2, p {
--fcc-editable-region-- --fcc-editable-region--
#menu { #menu {
--fcc-editable-region--
width: 80%; width: 80%;
background-color: burlywood; background-color: burlywood;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
--fcc-editable-region--
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f356ed63c7807a4f1e6d054.md
+3 -1
View File
@@ -72,7 +72,6 @@ assert.equal(divWidth, '300px');
``` ```
```css ```css
--fcc-editable-region--
body { body {
background-color: burlywood; background-color: burlywood;
} }
@@ -80,6 +79,9 @@ body {
h1, h2, p { h1, h2, p {
text-align: center; text-align: center;
} }
--fcc-editable-region--
--fcc-editable-region-- --fcc-editable-region--
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f356ed63e0fa262326eef05.md
+3 -2
View File
@@ -63,10 +63,11 @@ h1, h2, p {
text-align: center; text-align: center;
} }
--fcc-editable-region--
#menu { #menu {
width: 300px; width: 300px;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f356ed656a336993abd9f7c.md
+3 -2
View File
@@ -72,10 +72,11 @@ h1, h2, p {
text-align: center; text-align: center;
} }
--fcc-editable-region--
#menu { #menu {
width: 80%; width: 80%;
background-color: burlywood; background-color: burlywood;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f356ed6cf6eab5f15f5cfe6.md
+2 -2
View File
@@ -56,8 +56,8 @@ assert.lengthOf(document.querySelector('body > div#menu > main')?.children, 3);
<title>Cafe Menu</title> <title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet"/> <link href="styles.css" rel="stylesheet"/>
</head> </head>
--fcc-editable-region--
<body> <body>
--fcc-editable-region--
<main> <main>
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
<p>Est. 2020</p> <p>Est. 2020</p>
@@ -65,8 +65,8 @@ assert.lengthOf(document.querySelector('body > div#menu > main')?.children, 3);
<h2>Coffee</h2> <h2>Coffee</h2>
</section> </section>
</main> </main>
</body>
--fcc-editable-region-- --fcc-editable-region--
</body>
</html> </html>
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md
+2 -1
View File
@@ -57,8 +57,9 @@ assert.equal(article?.previousElementSibling?.tagName, 'H2');
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
<p>Est. 2020</p> <p>Est. 2020</p>
<section> <section>
--fcc-editable-region--
<h2>Coffee</h2> <h2>Coffee</h2>
--fcc-editable-region--
--fcc-editable-region-- --fcc-editable-region--
</section> </section>
</main> </main>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f35e5c44359872a137bd98f.md
+2 -2
View File
@@ -68,13 +68,13 @@ assert.equal(bodyBackground, `url("https://cdn.freecodecamp.org/curriculum/css-c
``` ```
```css ```css
--fcc-editable-region--
body { body {
--fcc-editable-region--
/* /*
background-color: burlywood; background-color: burlywood;
*/ */
}
--fcc-editable-region-- --fcc-editable-region--
}
h1, h2, p { h1, h2, p {
text-align: center; text-align: center;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3c866d28d7ad0de6470505.md
+1 -1
View File
@@ -57,8 +57,8 @@ assert.equal(el?.innerText.trim(), "French Vanilla");
<article> <article>
--fcc-editable-region-- --fcc-editable-region--
<p>French Vanilla</p> <p>French Vanilla</p>
<p>3.00</p>
--fcc-editable-region-- --fcc-editable-region--
<p>3.00</p>
</article> </article>
<article> <article>
<p>Caramel Macchiato</p> <p>Caramel Macchiato</p>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3c866d5414453fc2d7b480.md
+2 -1
View File
@@ -97,11 +97,12 @@ assert.match(children?.[1]?.innerText.trim(), /4\.50/i);
<p>Est. 2020</p> <p>Est. 2020</p>
<section> <section>
<h2>Coffee</h2> <h2>Coffee</h2>
--fcc-editable-region--
<article> <article>
<p>French Vanilla</p> <p>French Vanilla</p>
<p>3.00</p> <p>3.00</p>
</article> </article>
--fcc-editable-region--
--fcc-editable-region-- --fcc-editable-region--
</section> </section>
</main> </main>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3c866daec9a49519871816.md
+3 -2
View File
@@ -65,10 +65,11 @@ assert.match(secondP?.innerText.trim(), /3\.00/i);
<p>Est. 2020</p> <p>Est. 2020</p>
<section> <section>
<h2>Coffee</h2> <h2>Coffee</h2>
--fcc-editable-region--
<article> <article>
</article>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</article>
</section> </section>
</main> </main>
</div> </div>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3c866de7a5b784048f94b1.md
+2 -2
View File
@@ -54,13 +54,13 @@ assert.equal(document.querySelector('article')?.className, 'item');
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
<p>Est. 2020</p> <p>Est. 2020</p>
<section> <section>
--fcc-editable-region--
<h2>Coffee</h2> <h2>Coffee</h2>
--fcc-editable-region--
<article> <article>
--fcc-editable-region--
<p class="flavor">French Vanilla</p> <p class="flavor">French Vanilla</p>
<p class="price">3.00</p> <p class="price">3.00</p>
</article> </article>
--fcc-editable-region--
<article> <article>
<p>Caramel Macchiato</p> <p>Caramel Macchiato</p>
<p>3.75</p> <p>3.75</p>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3cade99dda4e6071a85dfd.md
+2 -1
View File
@@ -55,7 +55,6 @@ assert.lengthOf(sections,2);
<main> <main>
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
<p>Est. 2020</p> <p>Est. 2020</p>
--fcc-editable-region--
<section> <section>
<h2>Coffee</h2> <h2>Coffee</h2>
<article class="item"> <article class="item">
@@ -74,6 +73,8 @@ assert.lengthOf(sections,2);
<p class="flavor">Mocha</p><p class="price">4.50</p> <p class="flavor">Mocha</p><p class="price">4.50</p>
</article> </article>
</section> </section>
--fcc-editable-region--
--fcc-editable-region-- --fcc-editable-region--
</main> </main>
</div> </div>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e01f288a026d709587.md
+3 -2
View File
@@ -72,10 +72,12 @@ assert.strictEqual(hrElement?.nextElementSibling?.tagName, 'SECTION');
</head> </head>
<body> <body>
<div class="menu"> <div class="menu">
--fcc-editable-region--
<main> <main>
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p> <p class="established">Est. 2020</p>
--fcc-editable-region--
--fcc-editable-region--
<section> <section>
<h2>Coffee</h2> <h2>Coffee</h2>
<article class="item"> <article class="item">
@@ -110,7 +112,6 @@ assert.strictEqual(hrElement?.nextElementSibling?.tagName, 'SECTION');
</article> </article>
</section> </section>
</main> </main>
--fcc-editable-region--
<footer> <footer>
<address> <address>
<p> <p>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e03d719d5ac4738993.md
+3 -2
View File
@@ -93,15 +93,16 @@ h1, h2, p {
text-align: center; text-align: center;
} }
--fcc-editable-region--
.menu { .menu {
width: 80%; width: 80%;
background-color: burlywood; background-color: burlywood;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding: 20px; padding: 20px;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
.item p { .item p {
display: inline-block; display: inline-block;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e04559b939080db057.md
+2 -2
View File
@@ -115,18 +115,18 @@ h1, h2, p {
text-align: center; text-align: center;
} }
--fcc-editable-region--
.menu { .menu {
width: 80%; width: 80%;
background-color: burlywood; background-color: burlywood;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
--fcc-editable-region--
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
}
--fcc-editable-region-- --fcc-editable-region--
}
.item p { .item p {
display: inline-block; display: inline-block;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e050279c7a4a7101d3.md
+3 -2
View File
@@ -114,7 +114,6 @@ h1, h2, p {
text-align: center; text-align: center;
} }
--fcc-editable-region--
.menu { .menu {
width: 80%; width: 80%;
background-color: burlywood; background-color: burlywood;
@@ -122,8 +121,10 @@ h1, h2, p {
margin-right: auto; margin-right: auto;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
.item p { .item p {
display: inline-block; display: inline-block;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e05473f91f948724ab.md
+3 -2
View File
@@ -84,11 +84,12 @@ assert.equal(bodyFontFamily, 'sans-serif');
``` ```
```css ```css
--fcc-editable-region--
body { body {
background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
h1, h2, p { h1, h2, p {
text-align: center; text-align: center;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e07276f782bb46b93d.md
+2 -1
View File
@@ -51,7 +51,6 @@ assert.strictEqual(footer?.previousElementSibling?.tagName, 'MAIN');
</head> </head>
<body> <body>
<div class="menu"> <div class="menu">
--fcc-editable-region--
<main> <main>
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p> <p class="established">Est. 2020</p>
@@ -89,6 +88,8 @@ assert.strictEqual(footer?.previousElementSibling?.tagName, 'MAIN');
</article> </article>
</section> </section>
</main> </main>
--fcc-editable-region--
--fcc-editable-region-- --fcc-editable-region--
</div> </div>
</body> </body>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e0819d4f23ca7285e6.md
+2 -1
View File
@@ -66,8 +66,9 @@ assert.strictEqual(document.querySelectorAll('section')?.[1]?.children?.[1]?.cla
</article> </article>
</section> </section>
<section> <section>
--fcc-editable-region--
<h2>Desserts</h2> <h2>Desserts</h2>
--fcc-editable-region--
--fcc-editable-region-- --fcc-editable-region--
</section> </section>
</main> </main>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e087d56ed3ffdc36be.md
+1 -1
View File
@@ -48,8 +48,8 @@ assert.equal(establishedFont, "italic");
<body> <body>
<div class="menu"> <div class="menu">
<main> <main>
--fcc-editable-region--
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
--fcc-editable-region--
<p>Est. 2020</p> <p>Est. 2020</p>
--fcc-editable-region-- --fcc-editable-region--
<section> <section>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e0a81099d9a697b550.md
+2 -2
View File
@@ -109,13 +109,13 @@ assert.equal(document.querySelector("footer > address > p > a")?.target, "_blank
</article> </article>
</section> </section>
</main> </main>
--fcc-editable-region--
<footer> <footer>
<address> <address>
--fcc-editable-region--
--fcc-editable-region--
</address> </address>
</footer> </footer>
--fcc-editable-region--
</div> </div>
</body> </body>
</html> </html>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e0b431cc215bb16f55.md
+3 -2
View File
@@ -81,13 +81,14 @@ assert.match(lastChild?.textContent, /123 Free Code Camp Drive/i);
</section> </section>
</main> </main>
<footer> <footer>
--fcc-editable-region--
<address> <address>
<p> <p>
<a href="https://www.freecodecamp.org" target="_blank">Visit our website</a> <a href="https://www.freecodecamp.org" target="_blank">Visit our website</a>
</p> </p>
</address>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</address>
</footer> </footer>
</div> </div>
</body> </body>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e0e0c3feaebcf647ad.md
+3 -2
View File
@@ -65,10 +65,11 @@ assert.match(document.querySelectorAll('h2')?.[1]?.innerText, /Desserts/i);
<p class="flavor">Mocha</p><p class="price">4.50</p> <p class="flavor">Mocha</p><p class="price">4.50</p>
</article> </article>
</section> </section>
--fcc-editable-region--
<section> <section>
</section>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</section>
</main> </main>
</div> </div>
</body> </body>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e0e9629bad967cd71e.md
+3 -3
View File
@@ -96,11 +96,11 @@ h1, h2, p {
max-width: 500px; max-width: 500px;
} }
--fcc-editable-region--
h1, h2 { h1, h2 {
font-family: Impact;
}
--fcc-editable-region-- --fcc-editable-region--
font-family: Impact;
--fcc-editable-region--
}
.item p { .item p {
display: inline-block; display: inline-block;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f3ef6e0eaa7da26e3d34d78.md
+3 -2
View File
@@ -107,14 +107,15 @@ h1, h2, p {
text-align: center; text-align: center;
} }
--fcc-editable-region--
.menu { .menu {
width: 80%; width: 80%;
background-color: burlywood; background-color: burlywood;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
.item p { .item p {
display: inline-block; display: inline-block;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f459225127805351a6ad057.md
+3 -2
View File
@@ -122,11 +122,12 @@ h1, h2, p {
max-width: 500px; max-width: 500px;
} }
--fcc-editable-region--
hr { hr {
height: 3px; height: 3px;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
h1, h2 { h1, h2 {
font-family: Impact, serif; font-family: Impact, serif;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f459a7ceb8b5c446656d88b.md
+3 -2
View File
@@ -124,12 +124,13 @@ h1, h2, p {
max-width: 500px; max-width: 500px;
} }
--fcc-editable-region--
hr { hr {
height: 3px; height: 3px;
background-color: brown; background-color: brown;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
h1, h2 { h1, h2 {
font-family: Impact, serif; font-family: Impact, serif;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f459cf202c2a3472fae6a9f.md
+2 -2
View File
@@ -124,13 +124,13 @@ h1, h2, p {
max-width: 500px; max-width: 500px;
} }
--fcc-editable-region--
hr { hr {
--fcc-editable-region--
height: 3px; height: 3px;
--fcc-editable-region--
background-color: brown; background-color: brown;
border-color: brown; border-color: brown;
} }
--fcc-editable-region--
h1, h2 { h1, h2 {
font-family: Impact, serif; font-family: Impact, serif;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f459fd48bdc98491ca6d1a3.md
+3 -2
View File
@@ -39,7 +39,6 @@ assert.equal(document.querySelectorAll('hr')?.[1]?.nextElementSibling?.tagName,
</head> </head>
<body> <body>
<div class="menu"> <div class="menu">
--fcc-editable-region--
<main> <main>
<h1>CAMPER CAFE</h1> <h1>CAMPER CAFE</h1>
<p class="established">Est. 2020</p> <p class="established">Est. 2020</p>
@@ -78,6 +77,9 @@ assert.equal(document.querySelectorAll('hr')?.[1]?.nextElementSibling?.tagName,
</article> </article>
</section> </section>
</main> </main>
--fcc-editable-region--
--fcc-editable-region--
<footer> <footer>
<address> <address>
<p> <p>
@@ -86,7 +88,6 @@ assert.equal(document.querySelectorAll('hr')?.[1]?.nextElementSibling?.tagName,
<p>123 Free Code Camp Drive</p> <p>123 Free Code Camp Drive</p>
</address> </address>
</footer> </footer>
--fcc-editable-region--
</div> </div>
</body> </body>
</html> </html>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f45a05977e2fa49d9119437.md
+3 -2
View File
@@ -92,12 +92,13 @@ assert.equal(bodyPadding, '20px');
``` ```
```css ```css
--fcc-editable-region--
body { body {
background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
font-family: sans-serif; font-family: sans-serif;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
h1 { h1 {
font-size: 40px; font-size: 40px;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f45a276c093334f0f6e9df4.md
+3 -3
View File
@@ -167,14 +167,15 @@ hr {
border-color: brown; border-color: brown;
} }
--fcc-editable-region--
h1, h2 { h1, h2 {
font-family: Impact, serif; font-family: Impact, serif;
} }
.item p { .item p {
display: inline-block; display: inline-block;
--fcc-editable-region--
--fcc-editable-region--
} }
.flavor, .dessert { .flavor, .dessert {
@@ -186,6 +187,5 @@ h1, h2 {
text-align: right; text-align: right;
width: 25% width: 25%
} }
--fcc-editable-region--
``` ```
curriculum/challenges/english/blocks/workshop-cafe-menu/5f45a5a7c49a8251f0bdb527.md
+3 -2
View File
@@ -141,13 +141,14 @@ h1, h2 {
font-family: Impact, serif; font-family: Impact, serif;
} }
--fcc-editable-region--
.item p { .item p {
display: inline-block; display: inline-block;
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
.flavor, .dessert { .flavor, .dessert {
text-align: left; text-align: left;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f45b4c81cea7763550e40df.md
+1 -1
View File
@@ -7,7 +7,7 @@ dashedName: step-81
# --description-- # --description--
To maintain the existing black and brown color theme , change the color for when the link is visited to `black` and use `brown` for when the link is actually clicked. To maintain the existing black and brown color theme, change the color for when the link is visited to `black` and use `brown` for when the link is actually clicked.
# --hints-- # --hints--
curriculum/challenges/english/blocks/workshop-cafe-menu/5f45b715301bbf667badc04a.md
+3 -2
View File
@@ -101,11 +101,12 @@ body {
padding: 20px; padding: 20px;
} }
--fcc-editable-region--
h1 { h1 {
font-size: 40px; font-size: 40px;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
h2 { h2 {
font-size: 30px; font-size: 30px;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f46e270702a8456a664f0df.md
+3 -2
View File
@@ -99,12 +99,13 @@ body {
padding: 20px; padding: 20px;
} }
--fcc-editable-region--
h1 { h1 {
font-size: 40px; font-size: 40px;
margin-top: 0; margin-top: 0;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
h2 { h2 {
font-size: 30px; font-size: 30px;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f46e7a4750dd05b5a673920.md
+2 -2
View File
@@ -83,16 +83,16 @@ assert.match(document.querySelector('.address')?.innerText, /123 Free Code Camp
</section> </section>
</main> </main>
<hr class="bottom-line"> <hr class="bottom-line">
--fcc-editable-region--
<footer> <footer>
<address> <address>
<p> <p>
<a href="https://www.freecodecamp.org" target="_blank">Visit our website</a> <a href="https://www.freecodecamp.org" target="_blank">Visit our website</a>
</p> </p>
--fcc-editable-region--
<p>123 Free Code Camp Drive</p> <p>123 Free Code Camp Drive</p>
--fcc-editable-region--
</address> </address>
</footer> </footer>
--fcc-editable-region--
</div> </div>
</body> </body>
</html> </html>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f46e8284aae155c83015dee.md
+2 -1
View File
@@ -60,8 +60,9 @@ assert.match(imageAltValue, /coffee icon/i);
<p class="established">Est. 2020</p> <p class="established">Est. 2020</p>
<hr> <hr>
<section> <section>
--fcc-editable-region--
<h2>Coffee</h2> <h2>Coffee</h2>
--fcc-editable-region--
--fcc-editable-region-- --fcc-editable-region--
<article class="item"> <article class="item">
<p class="flavor">French Vanilla</p><p class="price">3.00</p> <p class="flavor">French Vanilla</p><p class="price">3.00</p>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f475e1c7f71a61d913836c6.md
+2 -1
View File
@@ -70,8 +70,9 @@ assert.match(lastImage?.alt, /pie icon/i);
</article> </article>
</section> </section>
<section> <section>
--fcc-editable-region--
<h2>Desserts</h2> <h2>Desserts</h2>
--fcc-editable-region--
--fcc-editable-region-- --fcc-editable-region--
<article class="item"> <article class="item">
<p class="dessert">Donut</p><p class="price">1.50</p> <p class="dessert">Donut</p><p class="price">1.50</p>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f47fe7e31980053a8d4403b.md
+3 -2
View File
@@ -132,13 +132,14 @@ h1, h2, p {
max-width: 500px; max-width: 500px;
} }
--fcc-editable-region--
img { img {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
}
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
}
hr { hr {
height: 2px; height: 2px;
curriculum/challenges/english/blocks/workshop-cafe-menu/5f716ad029ee4053c7027a7a.md
+3 -2
View File
@@ -79,10 +79,11 @@ assert.match(paragraphs?.[1]?.innerText.trim(), /1\.50/i);
</section> </section>
<section> <section>
<h2>Desserts</h2> <h2>Desserts</h2>
--fcc-editable-region--
<article class="item"> <article class="item">
</article>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</article>
</section> </section>
</main> </main>
</div> </div>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f716bee5838c354c728a7c5.md
+2 -1
View File
@@ -113,10 +113,11 @@ assert.notMatch(code, /<\/p>\s+<p/);
</section> </section>
<section> <section>
<h2>Desserts</h2> <h2>Desserts</h2>
--fcc-editable-region--
<article class="item"> <article class="item">
<p class="dessert">Donut</p><p class="price">1.50</p> <p class="dessert">Donut</p><p class="price">1.50</p>
</article> </article>
--fcc-editable-region--
--fcc-editable-region-- --fcc-editable-region--
</section> </section>
</main> </main>
curriculum/challenges/english/blocks/workshop-cafe-menu/5f7b88d37b1f98386f04edc0.md
+1 -1
View File
@@ -90,10 +90,10 @@ h1, h2, p {
--fcc-editable-region-- --fcc-editable-region--
.flavor { .flavor {
--fcc-editable-region--
text-align: left; text-align: left;
width: 75%; width: 75%;
} }
--fcc-editable-region--
.price { .price {
text-align: right; text-align: right;
curriculum/challenges/english/blocks/workshop-cafe-menu/6780e8ef4153930b965cd7b7.md
+3 -3
View File
@@ -69,11 +69,11 @@ assert.isNotNull(document.querySelector('footer > address'));
</article> </article>
</section> </section>
</main> </main>
--fcc-editable-region--
<footer> <footer>
</footer>
--fcc-editable-region-- --fcc-editable-region--
--fcc-editable-region--
</footer>
</div> </div>
</body> </body>
</html> </html>