diff --git a/client/utils/help-category-map.json b/client/utils/help-category-map.json
index 96f4eb69362d28..6fa138ac53f9d8 100644
--- a/client/utils/help-category-map.json
+++ b/client/utils/help-category-map.json
@@ -57,7 +57,9 @@
"data-analysis-with-python-course": "Python",
"python-for-penetration-testing": "Python",
"learn-html-by-building-a-cat-photo-app": "HTML-CSS",
+ "learn-html-by-building-a-cat-photo-app-qa": "HTML-CSS",
"learn-basic-css-by-building-a-cafe-menu": "HTML-CSS",
+ "learn-basic-css-by-building-a-cafe-menu-qa": "HTML-CSS",
"learn-css-variables-by-building-a-city-skyline": "HTML-CSS",
"basic-javascript-rpg-game": "JavaScript",
"functional-programming-spreadsheet": "JavaScript",
diff --git a/curriculum/challenges/_meta/learn-html-by-building-a-cat-photo-app-qa/meta.json b/curriculum/challenges/_meta/learn-html-by-building-a-cat-photo-app-qa/meta.json
index 64c236b9a0e8b5..ba909e61dc4cf9 100644
--- a/curriculum/challenges/_meta/learn-html-by-building-a-cat-photo-app-qa/meta.json
+++ b/curriculum/challenges/_meta/learn-html-by-building-a-cat-photo-app-qa/meta.json
@@ -1,5 +1,5 @@
{
- "name": "Learn HTML by Building a Cat Photo App",
+ "name": "Learn HTML by Building a Cat Photo App QA",
"isUpcomingChange": false,
"usesMultifileEditor": true,
"hasEditableBoundaries": true,
@@ -11,11 +11,11 @@
"superBlock": "2022/responsive-web-design-qa",
"challengeOrder": [
[
- "dddddddddddddddddddddddd",
+ "cccccccccccccccccccccccc",
"Step 1"
],
[
- "cccccccccccccccccccccccc",
+ "dddddddddddddddddddddddd",
"Step 2"
]
]}
diff --git a/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-basic-css-by-building-a-cafe-menu-qa/cccccccccccccccccccccccc.md b/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-basic-css-by-building-a-cafe-menu-qa/cccccccccccccccccccccccc.md
index fb488b6b057255..667cffeb4d14e8 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-basic-css-by-building-a-cafe-menu-qa/cccccccccccccccccccccccc.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-basic-css-by-building-a-cafe-menu-qa/cccccccccccccccccccccccc.md
@@ -1,50 +1,35 @@
---
id: cccccccccccccccccccccccc
-title: Step 2
+title: Step 1
challengeType: 0
-dashedName: step-2
+dashedName: step-1
+order: 1
---
# --description--
-Add a `head` element within the `html` element, so you can add a `title` element. The `title` element's text should be `Cafe Menu`.
+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.
-# --hints--
-
-You should have an opening `` tag.
-
-```js
-assert(code.match(//i));
-```
-
-You should have a closing `` tag.
-
-```js
-assert(code.match(//i));
-```
+Add the `` tag, and an `html` element.
-You should have an opening `` tag.
-
-```js
-assert(code.match(/<title>/i));
-```
+# --hints--
-You should have a closing `` tag.
+You should have the `DOCTYPE` declaration.
```js
-assert(code.match(/<\/title>/i));
+assert(code.match(//i));
```
-Your `title` element should be nested in your `head` element.
+You should have an opening `` tag.
```js
-assert(code.match(/\s*.*<\/title>\s*<\/head>/si));
+assert(code.match(/<html>/i));
```
-Your `title` element should have the text `Cafe Menu`. You may need to check your spelling.
+You should have a closing `<html>` tag. Remember that closing tags have a `/` following the opening `<` bracket.
```js
-assert.match(document.querySelector('title')?.innerText, /Cafe Menu/i);
+assert(code.match(/<\/html>/i));
```
# --seed--
@@ -52,10 +37,8 @@ assert.match(document.querySelector('title')?.innerText, /Cafe Menu/i);
## --seed-contents--
```html
-<!DOCTYPE html>
-<html>
--fcc-editable-region--
--fcc-editable-region--
-</html>
+
```
diff --git a/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-basic-css-by-building-a-cafe-menu-qa/dddddddddddddddddddddddd.md b/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-basic-css-by-building-a-cafe-menu-qa/dddddddddddddddddddddddd.md
index 54351638415f65..4c7dbfc9b527f1 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-basic-css-by-building-a-cafe-menu-qa/dddddddddddddddddddddddd.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-basic-css-by-building-a-cafe-menu-qa/dddddddddddddddddddddddd.md
@@ -1,34 +1,51 @@
---
id: dddddddddddddddddddddddd
-title: Step 1
+title: Step 2
challengeType: 0
-dashedName: step-1
+dashedName: step-2
+order: 2
---
# --description--
-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 a `head` element within the `html` element, so you can add a `title` element. The `title` element's text should be `Cafe Menu`.
# --hints--
-You should have the `DOCTYPE` declaration.
+You should have an opening `<head>` tag.
+
+```js
+assert(code.match(/<head>/i));
+```
+
+You should have a closing `</head>` tag.
+
+```js
+assert(code.match(/<head>/i));
+```
+
+You should have an opening `<title>` tag.
```js
-assert(code.match(/<!DOCTYPE html>/i));
+assert(code.match(/<title>/i));
```
-You should have an opening `<html>` tag.
+You should have a closing `` tag.
```js
-assert(code.match(//i));
+assert(code.match(/<\/title>/i));
```
-You should have a closing `` tag. Remember that closing tags have a `/` following the opening `<` bracket.
+Your `title` element should be nested in your `head` element.
```js
-assert(code.match(/<\/html>/i));
+assert(code.match(/\s*.*<\/title>\s*<\/head>/si));
+```
+
+Your `title` element should have the text `Cafe Menu`. You may need to check your spelling.
+
+```js
+assert.match(document.querySelector('title')?.innerText, /Cafe Menu/i);
```
# --seed--
@@ -36,8 +53,10 @@ assert(code.match(/<\/html>/i));
## --seed-contents--
```html
+<!DOCTYPE html>
+<html>
--fcc-editable-region--
--fcc-editable-region--
-
+</html>
```
diff --git a/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-html-by-building-a-cat-photo-app-qa/eeeeeeeeeeeeeeeeeeeeeeee.md b/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-html-by-building-a-cat-photo-app-qa/eeeeeeeeeeeeeeeeeeeeeeee.md
index 2606083c51fbae..0786ee17f22a63 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-html-by-building-a-cat-photo-app-qa/eeeeeeeeeeeeeeeeeeeeeeee.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-html-by-building-a-cat-photo-app-qa/eeeeeeeeeeeeeeeeeeeeeeee.md
@@ -2,6 +2,8 @@
id: eeeeeeeeeeeeeeeeeeeeeeee
challengeType: 0
dashedName: step-1
+title: Step 1
+order: 1
---
# --description--
diff --git a/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-html-by-building-a-cat-photo-app-qa/ffffffffffffffffffffffff.md b/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-html-by-building-a-cat-photo-app-qa/ffffffffffffffffffffffff.md
index b2451315d216f8..73769ab873c8df 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-html-by-building-a-cat-photo-app-qa/ffffffffffffffffffffffff.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22-qa/learn-html-by-building-a-cat-photo-app-qa/ffffffffffffffffffffffff.md
@@ -3,6 +3,7 @@ id: ffffffffffffffffffffffff
title: Step 2
challengeType: 0
dashedName: step-2
+order: 2
---
# --description--
diff --git a/utils/preformatted-block-names.json b/utils/preformatted-block-names.json
index 127411d466059e..6998de790e7871 100644
--- a/utils/preformatted-block-names.json
+++ b/utils/preformatted-block-names.json
@@ -18,12 +18,14 @@
"json-apis-and-ajax": "JSON APIs and Ajax",
"learn-accessibility-by-building-a-quiz": "Learn Accessibility by Building a Quiz",
"learn-basic-css-by-building-a-cafe-menu": "Learn Basic CSS by Building a Cafe Menu",
+ "learn-basic-css-by-building-a-cafe-menu-qa": "Learn Basic CSS by Building a Cafe Menu QA",
"learn-css-animation-by-building-a-ferris-wheel": "Learn CSS Animation by Building a Ferris Wheel",
"learn-css-flexbox-by-building-a-photo-gallery": "Learn CSS Flexbox by Building a Photo Gallery",
"learn-css-grid-by-building-a-magazine": "Learn CSS Grid by Building a Magazine",
"learn-css-transforms-by-building-a-penguin": "Learn CSS Transforms by Building a Penguin",
"learn-css-variables-by-building-a-city-skyline": "Learn CSS Variables by Building a City Skyline",
"learn-html-by-building-a-cat-photo-app": "Learn HTML by Building a Cat Photo App",
+ "learn-html-by-building-a-cat-photo-app-qa": "Learn HTML by Building a Cat Photo App QA",
"learn-html-forms-by-building-a-registration-form": "Learn HTML Forms by Building a Registration Form",
"learn-intermediate-css-by-building-a-picasso-painting": "Learn Intermediate CSS by Building a Picasso Painting",
"learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet": "Learn More About CSS Pseudo Selectors By Building A Balance Sheet",