jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-26 08:01:08 -04:00
Code Issues Projects Releases Wiki Activity

fix(curriculum): validating café menu html tag (#46581)

Browse Source 
* added mention of `lang` and it's test and hint

* changed the seed code to include lang en

* stray html tag

* catch stray one

* catch stary two

* allow one or more spaces only between lang and html

* Apply suggestions from code review

Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>

* Consistent grammar

Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>

Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
This commit is contained in:
Muhammed Mustafa
2022-06-27 15:12:11 +02:00
committed by GitHub
parent 1fe52761c0
commit 695fd09fa6
92 changed files with 186 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33071498eb2472b87ddee4.md
View File

@@ -9,7 +9,7 @@ dashedName: step-1
As you learned in the last few steps of the Cat Photo App, there is a basic structure needed to start building your web page.
Add the `<!DOCTYPE html>` tag, and an `html` element.
Add the `<!DOCTYPE html>` tag, and an `html` element with a `lang` attribute of `en`.
# --hints--
@@ -19,10 +19,10 @@ You should have the `DOCTYPE` declaration.
assert(code.match(/<!DOCTYPE html>/i));
```
You should have an opening `<html>` tag.
You should have an opening `<html>` tag with a `lang` attribute of `en`.
```js
assert(code.match(/<html>/i));
assert(code.match(/<html\s+lang=('|")en\1\s*>/i));
```
You should have a closing `<html>` tag. Remember that closing tags have a `/` following the opening `<` bracket.

2
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3313e74582ad9d063e3a38.md
View File

@@ -53,7 +53,7 @@ assert.match(document.querySelector('title')?.innerText, /Cafe Menu/i);
```html
<!DOCTYPE html>
<html>
<html lang="en">
--fcc-editable-region--
--fcc-editable-region--

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f331e55dfab7a896e53c3a1.md
View File

@@ -37,11 +37,11 @@ assert(code.match(/charset=('|")utf-8\1/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
--fcc-editable-region--
<head>
<title>Cafe Menu</title>
</head>
--fcc-editable-region--
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3326b143638ee1a09ff1e3.md
View File

@@ -42,13 +42,13 @@ assert(code.match(/<\/head>[.\n\s]*<body>/im));
```html
<!DOCTYPE html>
<html>
<html lang="en">
--fcc-editable-region--
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
</head>
--fcc-editable-region--
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33294a6af5e9188dbdb8f3.md
View File

@@ -47,7 +47,7 @@ assert(code.match(/<h1>CAMPER CAFE<\/h1>/));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
@@ -56,5 +56,5 @@ assert(code.match(/<h1>CAMPER CAFE<\/h1>/));
<body>
</body>
--fcc-editable-region--
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332a88dc25a0fd25c7687a.md
View File

@@ -47,7 +47,7 @@ assert(code.match(/<p>Est. 2020<\/p>/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
@@ -57,6 +57,6 @@ assert(code.match(/<p>Est. 2020<\/p>/i));
<h1>CAMPER CAFE</h1>
--fcc-editable-region--
</body>
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f332b23c2045fb843337579.md
View File

@@ -43,7 +43,7 @@ assert(header.children[1].tagName === "P");
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
@@ -54,6 +54,6 @@ assert(header.children[1].tagName === "P");
<p>Est. 2020</p>
--fcc-editable-region--
</body>
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f33310c1851c6c4da013250.md
View File

@@ -42,7 +42,7 @@ assert(main.previousElementSibling.tagName === 'HEADER');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
@@ -55,5 +55,5 @@ assert(main.previousElementSibling.tagName === 'HEADER');
</header>
--fcc-editable-region--
</body>
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344f9c805cd193c33d829c.md
View File

@@ -46,7 +46,7 @@ assert(h1TextAlign === 'center');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
@@ -66,6 +66,6 @@ assert(h1TextAlign === 'center');
</section>
</main>
</body>
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fad8bf01691e71a30eb.md
View File

@@ -35,7 +35,7 @@ assert(code.match(/<head\s*>[\w\W\s]*<style\s*>[\w\W\s]*<\/style\s*>[\w\W\s]*<\/
```html
<!DOCTYPE html>
<html>
<html lang="en">
--fcc-editable-region--
<head>
<meta charset="utf-8" />
@@ -53,5 +53,5 @@ assert(code.match(/<head\s*>[\w\W\s]*<style\s*>[\w\W\s]*<\/style\s*>[\w\W\s]*<\/
</main>
</body>
--fcc-editable-region--
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fbc22624a2976425065.md
View File

@@ -49,7 +49,7 @@ assert(h2.innerText === 'Coffee');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
@@ -66,5 +66,5 @@ assert(h2.innerText === 'Coffee');
--fcc-editable-region--
</main>
</body>
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f344fc1520b6719f2e35605.md
View File

@@ -42,7 +42,7 @@ assert(main.children[0].tagName === 'SECTION');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
@@ -57,5 +57,5 @@ assert(main.children[0].tagName === 'SECTION');
</main>
--fcc-editable-region--
</body>
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae34c1239cafe128be.md
View File

@@ -39,7 +39,7 @@ assert(selectors.length === 1);
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
@@ -68,6 +68,6 @@ assert(selectors.length === 1);
</section>
</main>
</body>
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae8466a9a3d2cc953c.md
View File

@@ -33,7 +33,7 @@ You should not have any CSS selectors in your HTML file.
```html
<!DOCTYPE html>
<html>
<html lang="en">
--fcc-editable-region--
<head>
<meta charset="utf-8" />
@@ -56,7 +56,7 @@ You should not have any CSS selectors in your HTML file.
</section>
</main>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae9675db8bb7655b30.md
View File

@@ -59,7 +59,7 @@ assert(pTextAlign === 'center');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
@@ -82,6 +82,6 @@ assert(pTextAlign === 'center');
</section>
</main>
</body>
<html>
</html>
```

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477aefa51bfc29327200b.md
View File

@@ -45,7 +45,7 @@ You should only have one selector.
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
@@ -66,7 +66,7 @@ You should only have one selector.
</section>
</main>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb2e27333b1ab2b955.md
View File

@@ -59,7 +59,7 @@ assert(link.dataset.href == 'styles.css')
```html
<!DOCTYPE html>
<html>
<html lang="en">
--fcc-editable-region--
<head>
<meta charset="utf-8" />
@@ -77,7 +77,7 @@ assert(link.dataset.href == 'styles.css')
</section>
</main>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb303c5cb61b43aa9b.md
View File

@@ -38,7 +38,7 @@ assert(bodyBackground === 'brown');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -56,7 +56,7 @@ assert(bodyBackground === 'brown');
</section>
</main>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cbcb6ba47918c1da92.md
View File

@@ -43,7 +43,7 @@ assert(meta[0].outerHTML.match(/content=('|")width=device-width, initial-scale=1
```html
<!DOCTYPE html>
<html>
<html lang="en">
--fcc-editable-region--
<head>
<meta charset="utf-8" />
@@ -62,7 +62,7 @@ assert(meta[0].outerHTML.match(/content=('|")width=device-width, initial-scale=1
</section>
</main>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f34a1fd611d003edeafd681.md
View File

@@ -31,7 +31,7 @@ assert(bodyBackground === 'burlywood');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -49,7 +49,7 @@ assert(bodyBackground === 'burlywood');
</section>
</main>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60785e1f3e9850b6e.md
View File

@@ -31,7 +31,7 @@ assert(!hasWidth);
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -51,7 +51,7 @@ assert(!hasWidth);
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed60a5decd94ab66986.md
View File

@@ -38,7 +38,7 @@ assert(bodyCSS === "rgba(0, 0, 0, 0)")
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -58,7 +58,7 @@ assert(bodyCSS === "rgba(0, 0, 0, 0)")
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6199b0cdef1d2be8f.md
View File

@@ -39,7 +39,7 @@ assert(!hasDiv);
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -59,7 +59,7 @@ assert(!hasDiv);
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63c7807a4f1e6d054.md
View File

@@ -38,7 +38,7 @@ assert(divWidth === '300px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -58,7 +58,7 @@ assert(divWidth === '300px');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed63e0fa262326eef05.md
View File

@@ -31,7 +31,7 @@ assert(divBackground === 'burlywood');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -51,7 +51,7 @@ assert(divBackground === 'burlywood');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed656a336993abd9f7c.md
View File

@@ -40,7 +40,7 @@ assert(divMarginLeft === 'auto');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -60,7 +60,7 @@ assert(divMarginLeft === 'auto');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed69db0a491745e2bb6.md
View File

@@ -29,7 +29,7 @@ assert($('div').attr('class').includes('menu'));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -51,7 +51,7 @@ assert($('div').attr('class').includes('menu'));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f356ed6cf6eab5f15f5cfe6.md
View File

@@ -42,7 +42,7 @@ assert(div.parentElement.tagName === 'BODY');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -62,7 +62,7 @@ assert(div.parentElement.tagName === 'BODY');
</main>
</body>
--fcc-editable-region--
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c4321f818cdc4bed30.md
View File

@@ -42,7 +42,7 @@ assert(article.previousElementSibling.tagName === 'H2');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -64,7 +64,7 @@ assert(article.previousElementSibling.tagName === 'H2');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f35e5c44359872a137bd98f.md
View File

@@ -46,7 +46,7 @@ assert(bodyBackground === `url("https://cdn.freecodecamp.org/curriculum/css-cafe
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -66,7 +66,7 @@ assert(bodyBackground === `url("https://cdn.freecodecamp.org/curriculum/css-cafe
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d0fc037f7311b4ac8.md
View File

@@ -31,7 +31,7 @@ assert(priceWidth === '50%');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -71,7 +71,7 @@ assert(priceWidth === '50%');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d28d7ad0de6470505.md
View File

@@ -37,7 +37,7 @@ assert($('.flavor')[0].innerText.match(/French Vanilla/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -79,7 +79,7 @@ assert($('.flavor')[0].innerText.match(/French Vanilla/i));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866d5414453fc2d7b480.md
View File

@@ -81,7 +81,7 @@ assert(children[1].innerText.match(/4\.50/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -107,7 +107,7 @@ assert(children[1].innerText.match(/4\.50/i));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866daec9a49519871816.md
View File

@@ -43,7 +43,7 @@ assert(secondP.innerText.match(/3\.00/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -67,7 +67,7 @@ assert(secondP.innerText.match(/3\.00/i));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dbf362f99b9a0c6d0.md
View File

@@ -44,7 +44,7 @@ assert(itemPDisplay === 'inline-block');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -84,7 +84,7 @@ assert(itemPDisplay === 'inline-block');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866dd0d0275f01d4d847.md
View File

@@ -33,7 +33,7 @@ assert(priceWidth === '49%');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -73,7 +73,7 @@ assert(priceWidth === '49%');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866de7a5b784048f94b1.md
View File

@@ -37,7 +37,7 @@ assert($('article')[0].className === 'item');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -79,7 +79,7 @@ assert($('article')[0].className === 'item');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade94c6576e7f7b7953f.md
View File

@@ -31,7 +31,7 @@ assert(priceWidth === '50%');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -70,7 +70,7 @@ assert(priceWidth === '50%');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9993019e26313fa8e.md
View File

@@ -42,7 +42,7 @@ assert(articles[4] === items[4]);
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -83,7 +83,7 @@ assert(articles[4] === items[4]);
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade99dda4e6071a85dfd.md
View File

@@ -41,7 +41,7 @@ assert($('main').children('section').length === 2);
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -78,7 +78,7 @@ assert($('main').children('section').length === 2);
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3cade9fa77275d9f4efe62.md
View File

@@ -25,7 +25,7 @@ assert(code.match(/Vanilla<\/p><p/));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -67,7 +67,7 @@ assert(code.match(/Vanilla<\/p><p/));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e01f288a026d709587.md
View File

@@ -45,7 +45,7 @@ assert($('hr')[0].nextElementSibling.tagName === 'MAIN');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -103,7 +103,7 @@ assert($('hr')[0].nextElementSibling.tagName === 'MAIN');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e03d719d5ac4738993.md
View File

@@ -33,7 +33,7 @@ assert(menuMaxWidth === '500px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -83,7 +83,7 @@ assert(menuMaxWidth === '500px');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e04559b939080db057.md
View File

@@ -55,7 +55,7 @@ assert(menuPadding === '20px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -105,7 +105,7 @@ assert(menuPadding === '20px');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e050279c7a4a7101d3.md
View File

@@ -54,7 +54,7 @@ assert(menuPaddingBottom === '20px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -104,7 +104,7 @@ assert(menuPaddingBottom === '20px');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e05473f91f948724ab.md
View File

@@ -32,7 +32,7 @@ assert(bodyFontFamily === 'sans-serif');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -82,7 +82,7 @@ assert(bodyFontFamily === 'sans-serif');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e056bdde6ae6892ba2.md
View File

@@ -45,7 +45,7 @@ assert($('h2').css('font-family').match(/impact/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -95,7 +95,7 @@ assert($('h2').css('font-family').match(/impact/i));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e06d34faac0447fc44.md
View File

@@ -38,7 +38,7 @@ assert(establishedFontStyle === 'italic');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -88,7 +88,7 @@ assert(establishedFontStyle === 'italic');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e07276f782bb46b93d.md
View File

@@ -42,7 +42,7 @@ assert(footer.previousElementSibling.tagName === 'MAIN');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -94,7 +94,7 @@ assert(footer.previousElementSibling.tagName === 'MAIN');
--fcc-editable-region--
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0819d4f23ca7285e6.md
View File

@@ -35,7 +35,7 @@ assert($('section')[1].children[1].className === 'item');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -75,7 +75,7 @@ assert($('section')[1].children[1].className === 'item');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e087d56ed3ffdc36be.md
View File

@@ -36,7 +36,7 @@ assert($('.established').css('font-style') === 'italic');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -88,7 +88,7 @@ assert($('.established').css('font-style') === 'italic');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0a81099d9a697b550.md
View File

@@ -47,7 +47,7 @@ assert($('footer').find('a').attr('href') === 'https://www.freecodecamp.org');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -101,7 +101,7 @@ assert($('footer').find('a').attr('href') === 'https://www.freecodecamp.org');
--fcc-editable-region--
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0b431cc215bb16f55.md
View File

@@ -29,7 +29,7 @@ assert($('footer').children('p').last().text().match(/123 Free Code Camp Drive/i
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -86,7 +86,7 @@ assert($('footer').children('p').last().text().match(/123 Free Code Camp Drive/i
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e0c3feaebcf647ad.md
View File

@@ -35,7 +35,7 @@ assert($('h2')[1].innerText.match(/Desserts/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -74,7 +74,7 @@ assert($('h2')[1].innerText.match(/Desserts/i));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e9629bad967cd71e.md
View File

@@ -26,7 +26,7 @@ assert(fontFamily === 'Impact, serif');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -76,7 +76,7 @@ assert(fontFamily === 'Impact, serif');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0eaa7da26e3d34d78.md
View File

@@ -47,7 +47,7 @@ assert(menuPaddingRight === '20px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -97,7 +97,7 @@ assert(menuPaddingRight === '20px');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0f8c230bdd2349716.md
View File

@@ -47,7 +47,7 @@ assert(h2FontSize === '30px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -97,7 +97,7 @@ assert(h2FontSize === '30px');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3f26fa39591db45e5cd7a0.md
View File

@@ -40,7 +40,7 @@ assert(hrHeight === '3px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -97,7 +97,7 @@ assert(hrHeight === '3px');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459225127805351a6ad057.md
View File

@@ -30,7 +30,7 @@ assert(hrBackgroundColor === 'brown');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -87,7 +87,7 @@ assert(hrBackgroundColor === 'brown');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459a7ceb8b5c446656d88b.md
View File

@@ -33,7 +33,7 @@ assert(hrBorderColor === 'brown');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -90,7 +90,7 @@ assert(hrBorderColor === 'brown');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459cf202c2a3472fae6a9f.md
View File

@@ -33,7 +33,7 @@ assert(hrHeight === '2px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -90,7 +90,7 @@ assert(hrHeight === '2px');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f459fd48bdc98491ca6d1a3.md
View File

@@ -30,7 +30,7 @@ assert($('hr')[1].nextElementSibling.tagName === 'FOOTER');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -89,7 +89,7 @@ assert($('hr')[1].nextElementSibling.tagName === 'FOOTER');
--fcc-editable-region--
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a05977e2fa49d9119437.md
View File

@@ -30,7 +30,7 @@ assert(bodyPadding === '20px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -88,7 +88,7 @@ assert(bodyPadding === '20px');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a276c093334f0f6e9df4.md
View File

@@ -54,7 +54,7 @@ assert(itemPMarginBottom === '5px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -112,7 +112,7 @@ assert(itemPMarginBottom === '5px');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a5a7c49a8251f0bdb527.md
View File

@@ -38,7 +38,7 @@ assert(itemPFontSize === '18px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -96,7 +96,7 @@ assert(itemPFontSize === '18px');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45a66d4a2b0453301e5a26.md
View File

@@ -45,7 +45,7 @@ assert(footerFontSize === '14px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -103,7 +103,7 @@ assert(footerFontSize === '14px');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b0731d39e15d54df4dfc.md
View File

@@ -39,7 +39,7 @@ assert(aColor === 'black');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -97,7 +97,7 @@ assert(aColor === 'black');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b25e7ec2405f166b9de1.md
View File

@@ -40,7 +40,7 @@ assert(aVisitedColor === 'grey' || aVisitedColor === 'gray');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -98,7 +98,7 @@ assert(aVisitedColor === 'grey' || aVisitedColor === 'gray');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b3c93c027860d9298dbd.md
View File

@@ -40,7 +40,7 @@ assert(aHoverColor === 'brown');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -98,7 +98,7 @@ assert(aHoverColor === 'brown');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b45d099f3e621fbbb256.md
View File

@@ -40,7 +40,7 @@ assert(aActiveColor === 'white');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -98,7 +98,7 @@ assert(aActiveColor === 'white');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b4c81cea7763550e40df.md
View File

@@ -31,7 +31,7 @@ assert(aActiveColor === 'brown');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -89,7 +89,7 @@ assert(aActiveColor === 'brown');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b715301bbf667badc04a.md
View File

@@ -33,7 +33,7 @@ assert(h1MarginTop === '0px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -91,7 +91,7 @@ assert(h1MarginTop === '0px');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e270702a8456a664f0df.md
View File

@@ -31,7 +31,7 @@ assert(h1MarginBottom === '15px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -89,7 +89,7 @@ assert(h1MarginBottom === '15px');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e36e745ead58487aabf2.md
View File

@@ -40,7 +40,7 @@ assert(addressMarginBottom === '5px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -98,7 +98,7 @@ assert(addressMarginBottom === '5px');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e7a4750dd05b5a673920.md
View File

@@ -35,7 +35,7 @@ assert($('.address')[0].innerText.match(/123 Free Code Camp Drive/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -95,7 +95,7 @@ assert($('.address')[0].innerText.match(/123 Free Code Camp Drive/i));
--fcc-editable-region--
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46e8284aae155c83015dee.md
View File

@@ -37,7 +37,7 @@ assert($('img').attr('alt').match(/coffee icon/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -97,7 +97,7 @@ assert($('img').attr('alt').match(/coffee icon/i));
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md
View File

@@ -23,7 +23,7 @@ assert(code.match(/\/\*\s*FOOTER\s*\*\//i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -80,7 +80,7 @@ assert(code.match(/\/\*\s*FOOTER\s*\*\//i));
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46fc57528aa1c4b5ea7c2e.md
View File

@@ -40,7 +40,7 @@ assert(bottomLineMargin === '25px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -98,7 +98,7 @@ assert(bottomLineMargin === '25px');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f4701b942c824109626c3d8.md
View File

@@ -29,7 +29,7 @@ assert($('hr')[1].className === 'bottom-line');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -89,7 +89,7 @@ assert($('hr')[1].className === 'bottom-line');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475bb508746c16c9431d42.md
View File

@@ -63,7 +63,7 @@ assert(imgMarginRight === 'auto');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -122,7 +122,7 @@ assert(imgMarginRight === 'auto');
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f475e1c7f71a61d913836c6.md
View File

@@ -35,7 +35,7 @@ assert($('img').last().attr('alt').match(/pie icon/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -96,7 +96,7 @@ assert($('img').last().attr('alt').match(/pie icon/i));
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47633757ae3469f2d33d2e.md
View File

@@ -33,7 +33,7 @@ assert(priceWidth === '25%');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -68,7 +68,7 @@ assert(priceWidth === '25%');
</main>
</div>
</body>
<html>
</html>
```
```css

8
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f47fe7e31980053a8d4403b.md
View File

@@ -33,7 +33,7 @@ assert(imgMarginTop === '-25px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -93,7 +93,7 @@ assert(imgMarginTop === '-25px');
</footer>
</div>
</body>
<html>
</html>
```
```css
@@ -200,7 +200,7 @@ a:active {
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -260,7 +260,7 @@ a:active {
</footer>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716ad029ee4053c7027a7a.md
View File

@@ -41,7 +41,7 @@ assert($('article').last().children('p')[1].innerText.match(/1\.50/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -83,7 +83,7 @@ assert($('article').last().children('p')[1].innerText.match(/1\.50/i));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f716bee5838c354c728a7c5.md
View File

@@ -75,7 +75,7 @@ assert(!code.match(/<\/p>\s+<p/));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -118,7 +118,7 @@ assert(!code.match(/<\/p>\s+<p/));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7691dafd882520797cd2f0.md
View File

@@ -23,7 +23,7 @@ assert(!code.match(/<\/p>\s+<p/));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -64,7 +64,7 @@ assert(!code.match(/<\/p>\s+<p/));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7692f7c5b3ce22a57788b6.md
View File

@@ -53,7 +53,7 @@ assert(p[10] === price[4]);
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -90,7 +90,7 @@ assert(p[10] === price[4]);
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769541be494f25449b292f.md
View File

@@ -38,7 +38,7 @@ assert(flavorTextAlign === 'left');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -78,7 +78,7 @@ assert(flavorTextAlign === 'left');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f76967fad478126d6552b0d.md
View File

@@ -35,7 +35,7 @@ assert($('.price')[0].innerText.match(/3\.00/i));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -77,7 +77,7 @@ assert($('.price')[0].innerText.match(/3\.00/i));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f769702e6e33127d14aa120.md
View File

@@ -35,7 +35,7 @@ assert($('.price').css('text-align') === 'right');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -75,7 +75,7 @@ assert($('.price').css('text-align') === 'right');
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b87422a560036fd03ccff.md
View File

@@ -41,7 +41,7 @@ assert(!code.match(/<\/p>\s+<p/));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -84,7 +84,7 @@ assert(!code.match(/<\/p>\s+<p/));
</main>
</div>
</body>
<html>
</html>
```
```css

4
curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f7b88d37b1f98386f04edc0.md
View File

@@ -26,7 +26,7 @@ assert(selector)
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -67,7 +67,7 @@ assert(selector)
</main>
</div>
</body>
<html>
</html>
```
```css