feat: add review block boilerplates to the end of CSS (#56830)

2026-09-24 23:01:18 +08:00 · 2024-10-29 11:08:05 +01:00
parent bab345832c
commit 46619eb00f
70 changed files with 1037 additions and 38 deletions
@@ -1773,7 +1773,12 @@
          "This lab will give you an opportunity to review working with the <code>header</code>, <code>nav</code>, <code>article</code> elements."
        ]
      },
-      "ijdq": { "title": "14", "intro": [] },
+      "review-semantic-html": {
+        "title": "Semantic HTML Review",
+        "intro": [
+          "Review the Semantic HTML concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-semantic-html": {
        "title": "Semantic HTML Quiz",
        "intro": [
@@ -1810,7 +1815,12 @@
        ]
      },
      "rsve": { "title": "22", "intro": [] },
-      "xzam": { "title": "23", "intro": [] },
+      "review-html-tables-and-forms": {
+        "title": "HTML Tables and Forms Review",
+        "intro": [
+          "Review the HTML Tables and Forms concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-html-tables-and-forms": {
        "title": "HTML Tables and Forms Quiz",
        "intro": [
@@ -1822,19 +1832,32 @@
        "title": "Build a Checkout Page",
        "intro": ["In this lab, you will create an accessible checkout page."]
      },
-      "fqai": { "title": "27", "intro": [] },
+      "review-html-accessibility": {
+        "title": "HTML Accessibility Review",
+        "intro": [
+          "Review the HTML Accessibility concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-html-accessibility": {
        "title": "HTML Accessibility Quiz",
        "intro": [
          "Test what you've learned in this quiz of HTML accessibility knowledge."
        ]
      },
-      "pspj": { "title": "29", "intro": [] },
+      "review-html": {
+        "title": "HTML Review",
+        "intro": ["Review the HTML concepts to prepare for the upcoming exam."]
+      },
      "qpra": { "title": "30", "intro": [] },
      "joim": { "title": "31", "intro": [] },
      "gvtb": { "title": "32", "intro": [] },
      "cqhu": { "title": "33", "intro": [] },
-      "tmdc": { "title": "34", "intro": [] },
+      "review-computer-basics": {
+        "title": "Computer Basics Review",
+        "intro": [
+          "Review the Computer Basics concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-computer-basics": {
        "title": "Computer Basics Quiz",
        "intro": [
@@ -1856,7 +1879,12 @@
        ]
      },
      "gnuk": { "title": "39", "intro": [] },
-      "zlfj": { "title": "40", "intro": [] },
+      "review-basic-css": {
+        "title": "Basic CSS Review",
+        "intro": [
+          "Review the Basic CSS concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-basic-css": {
        "title": "Basic CSS Quiz",
        "intro": [
@@ -1872,7 +1900,12 @@
      },
      "humj": { "title": "44", "intro": [] },
      "pahx": { "title": "45", "intro": [] },
-      "rzdx": { "title": "46", "intro": [] },
+      "review-css-backgrounds-and-borders": {
+        "title": "CSS Backgrounds and Borders Review",
+        "intro": [
+          "Review the CSS Backgrounds and Borders concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-backgrounds-and-borders": {
        "title": "CSS Backgrounds and Borders Quiz",
        "intro": [
@@ -1882,7 +1915,12 @@
      "ljmt": { "title": "48", "intro": [] },
      "lxpk": { "title": "49", "intro": [] },
      "lzqy": { "title": "50", "intro": [] },
-      "gvel": { "title": "51", "intro": [] },
+      "review-design-fundamentals": {
+        "title": "Design Fundamentals Review",
+        "intro": [
+          "Review the Design Fundamentals concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-design-fundamentals": {
        "title": "Design Fundamentals Quiz",
        "intro": [
@@ -1890,14 +1928,18 @@
        ]
      },
      "bgrw": { "title": "53", "intro": [] },
-      "sbnz": { "title": "54", "intro": [] },
      "lab-event-flyer-page": {
        "title": "Build an Event Flyer Page",
        "intro": [
          "In this lab, you will use absolute and relative CSS units to create an event flyer page."
        ]
      },
-      "ywfm": { "title": "56", "intro": [] },
+      "review-css-relative-and-absolute-units": {
+        "title": "CSS Relative and Absolute Units Review",
+        "intro": [
+          "Review the CSS Relative and Absolute Units concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-relative-and-absolute-units": {
        "title": "CSS Relative and Absolute Units Quiz",
        "intro": [
@@ -1912,7 +1954,12 @@
          "In this lab you will build a job application form and style it using pseudo-classes."
        ]
      },
-      "ivpx": { "title": "61", "intro": [] },
+      "review-css-pseudo-classes": {
+        "title": "CSS Pseudo-classes Review",
+        "intro": [
+          "Review the CSS Pseudo-classes concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-pseudo-classes": {
        "title": "CSS Pseudo-classes Quiz",
        "intro": [
@@ -1926,8 +1973,12 @@
        ]
      },
      "ogdb": { "title": "64", "intro": [] },
-      "zxiy": { "title": "65", "intro": [] },
-      "qpze": { "title": "66", "intro": [] },
+      "review-css-colors": {
+        "title": "CSS Colors Review",
+        "intro": [
+          "Review the CSS Colors concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-colors": {
        "title": "CSS Colors Quiz",
        "intro": [
@@ -1941,20 +1992,25 @@
          "In this workshop, you'll learn how to design HTML forms by designing a signup page. You'll learn how to control what types of data people can type into your form, and some new CSS tools for styling your page."
        ]
      },
-      "vkei": { "title": "69", "intro": [] },
      "lab-contact-form": {
        "title": "Design a Contact Form",
        "intro": [
          "In this lab, you will design a contact form in HTML and style it using CSS."
        ]
      },
-      "ipmw": { "title": "71", "intro": [] },
+      "review-styling-forms": {
+        "title": "Styling Forms Review",
+        "intro": [
+          "Review the Styling Forms concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-styling-forms": {
        "title": "Styling Forms Quiz",
        "intro": [
          "Test what you've learned in this quiz of how to style forms using CSS."
        ]
      },
+      "woza": { "title": "72", "intro": [] },
      "workshop-rothko-painting": {
        "title": "Design a Rothko Painting",
        "intro": [
@@ -1962,20 +2018,25 @@
          "In this workshop, you'll use CSS and the Box Model to create your own Rothko-style rectangular art pieces."
        ]
      },
-      "wozq": { "title": "74", "intro": [] },
      "lab-confidential-email-page": {
        "title": "Build a Confidential Email Page",
        "intro": [
          "For this lab, you will create a web page of a confidential email using HTML and CSS."
        ]
      },
-      "zter": { "title": "76", "intro": [] },
+      "review-css-layout-and-effects": {
+        "title": "CSS Layouts and Effects Review",
+        "intro": [
+          "Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-layout-and-effects": {
        "title": "CSS Layout and Effects Quiz",
        "intro": [
          "Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS."
        ]
      },
+      "ujaf": { "title": "77", "intro": [] },
      "workshop-flexbox-photo-gallery": {
        "title": "Build a Flexbox Photo Gallery",
        "intro": [
@@ -1983,20 +2044,25 @@
          "In this workshop, you'll use Flexbox to build a responsive photo gallery webpage."
        ]
      },
-      "uptf": { "title": "79", "intro": [] },
      "lab-page-of-playing-cards": {
        "title": "Build a Page of Playing Cards",
        "intro": [
          "For this lab, you will use flexbox to create a webpage of playing cards."
        ]
      },
-      "kqao": { "title": "81", "intro": [] },
+      "review-css-flexbox": {
+        "title": "CSS Flexbox Review",
+        "intro": [
+          "Review the CSS Flexbox concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-flexbox": {
        "title": "CSS Flexbox Quiz",
        "intro": [
          "Test what you've learned in this quiz of using flexbox in CSS."
        ]
      },
+      "ujcf": { "title": "82", "intro": [] },
      "workshop-nutritional-label": {
        "title": "Build a Nutritional Label",
        "intro": [
@@ -2004,33 +2070,41 @@
          "In this workshop, you'll use typography to build a nutrition label webpage. You'll practice how to style text, adjust line height, and position your text using CSS."
        ]
      },
-      "ujcf": { "title": "84", "intro": [] },
      "lab-newspaper-article": {
        "title": "Build a Newspaper Article",
        "intro": [
          "In this lab, you will build a newspaper article page using HTML and CSS."
        ]
      },
-      "hbme": { "title": "86", "intro": [] },
+      "review-css-typography": {
+        "title": "CSS Typography Review",
+        "intro": [
+          "Review the CSS Typography concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-typography": {
        "title": "CSS Typography Quiz",
        "intro": ["Test what you've learned in this quiz of typography in CSS."]
      },
-      "dyvj": { "title": "88", "intro": [] },
-      "rjsv": { "title": "89", "intro": [] },
      "lab-tribute-page": {
        "title": "Build a Tribute Page",
        "intro": [
          "For this lab, you will build a tribute page for a subject of your choosing, fictional or real."
        ]
      },
-      "fnde": { "title": "91", "intro": [] },
+      "review-css-accessibility": {
+        "title": "CSS Accessibility Review",
+        "intro": [
+          "Review the CSS Accessibility concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-accessibility": {
        "title": "CSS Accessibility Quiz",
        "intro": [
          "Test what you've learned in this quiz of making your webpage accessible with CSS."
        ]
      },
+      "haje": { "title": "92", "intro": [] },
      "workshop-balance-sheet": {
        "title": "Build a Balance Sheet",
        "intro": [
@@ -2038,31 +2112,41 @@
          "In this workshop, you'll build a balance sheet using pseudo selectors. You'll learn how to change the style of an element when you hover over it with your mouse, and trigger other events on your webpage."
        ]
      },
-      "hcje": { "title": "94", "intro": [] },
      "lab-book-inventory-app": {
        "title": "Build a Book Inventory App",
        "intro": ["For this lab, you will create a book inventory app."]
      },
-      "huyd": { "title": "96", "intro": [] },
+      "review-css-attribute-selectors": {
+        "title": "CSS Attribute Selectors Review",
+        "intro": [
+          "Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-attribute-selectors": {
        "title": "CSS Attribute Selectors Quiz",
        "intro": [
          "Test what you've learned in this quiz of using attribute selectors in CSS."
        ]
      },
-      "rxzk": { "title": "98", "intro": [] },
-      "xobh": { "title": "99", "intro": [] },
+      "rxzq": { "title": "97", "intro": [] },
+      "xobq": { "title": "98", "intro": [] },
      "lab-house-painting": {
        "title": "Build a House Painting",
        "intro": ["For this lab, you will build a house painting using CSS."]
      },
-      "rrtt": { "title": "101", "intro": [] },
+      "review-css-positioning": {
+        "title": "CSS Positioning Review",
+        "intro": [
+          "Review the CSS Positioning concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-positioning": {
        "title": "CSS Positioning Quiz",
        "intro": [
          "Test what you've learned in this quiz of how positioning works in CSS."
        ]
      },
+      "jkdu": { "title": "102", "intro": [] },
      "workshop-piano": {
        "title": "Design a Piano",
        "intro": [
@@ -2070,20 +2154,25 @@
          "In this workshop, you'll use CSS and Responsive Design to code a piano. You'll also practice media queries and pseudo selectors."
        ]
      },
-      "jkdt": { "title": "104", "intro": [] },
      "lab-technical-documentation-page": {
        "title": "Build a Technical Documentation Page",
        "intro": [
          "For this lab, you will build a technical documentation page to serve as instruction or reference for a topic."
        ]
      },
-      "xcti": { "title": "106", "intro": [] },
+      "review-responsive-web-design": {
+        "title": "Responsive Web Design Review",
+        "intro": [
+          "Review the Responsive Web Design concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-responsive-web-design": {
        "title": "Responsive Web Design Quiz",
        "intro": [
          "Test what you've learned in this quiz of making your webpage responsive."
        ]
      },
+      "vlov": { "title": "107", "intro": [] },
      "workshop-city-skyline": {
        "title": "Build a City Skyline",
        "intro": [
@@ -2091,34 +2180,44 @@
          "In this workshop, you'll build a city skyline. You'll practice how to configure CSS variables so you can reuse them whenever you want."
        ]
      },
-      "vlov": { "title": "109", "intro": [] },
      "lab-availability-table": {
        "title": "Build an Availability Table",
        "intro": ["For this lab, you will create an availability table."]
      },
-      "sget": { "title": "111", "intro": [] },
+      "review-css-variables": {
+        "title": "CSS Variables Review",
+        "intro": [
+          "Review the CSS Variables concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-variables": {
        "title": "CSS Variables Quiz",
        "intro": [
          "Test what you've learned in this quiz of how using variables in CSS."
        ]
      },
+      "nsia": { "title": "112", "intro": [] },
      "agbl": { "title": "113", "intro": [] },
      "ogko": { "title": "114", "intro": [] },
      "harp": { "title": "115", "intro": [] },
-      "nsiq": { "title": "116", "intro": [] },
      "lab-product-landing-page": {
        "title": "Build a Product Landing Page",
        "intro": [
          "For this project, you will build a product landing page to market a product of your choice."
        ]
      },
-      "fdam": { "title": "118", "intro": [] },
+      "review-css-grid": {
+        "title": "CSS Grid Review",
+        "intro": [
+          "Review the CSS Grid concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-grid": {
        "title": "CSS Grid Quiz",
        "intro": ["Test what you've learned in this quiz of using grid in CSS."]
      },
-      "dorc": { "title": "120", "intro": [] },
+      "dora": { "title": "119", "intro": [] },
+      "dpaq": { "title": "120", "intro": [] },
      "lab-moon-orbit": {
        "title": "Build a Moon Orbit",
        "intro": [
@@ -2132,20 +2231,28 @@
          "In this workshop, you'll build a penguin. You'll use CSS transforms to position and resize the parts of your penguin, create a background, and animate your work."
        ]
      },
-      "lugl": { "title": "123", "intro": [] },
      "lab-personal-portfolio": {
        "title": "Build a Personal Portfolio",
        "intro": [
          "For this project, you will build your own personal portfolio page."
        ]
      },
-      "lvqc": { "title": "125", "intro": [] },
+      "review-css-animations": {
+        "title": "CSS Amimations Review",
+        "intro": [
+          "Review the CSS Amimations concepts to prepare for the upcoming quiz."
+        ]
+      },
      "quiz-css-animations": {
        "title": "CSS Animations Quiz",
        "intro": [
          "Test what you've learned in this quiz of using animations in CSS."
        ]
      },
+      "review-css": {
+        "title": "CSS Review",
+        "intro": ["Review the CSS concepts to prepare for the upcoming exam."]
+      },
      "wvjx": { "title": "127", "intro": [] },
      "uquz": { "title": "128", "intro": [] },
      "kdgd": { "title": "129", "intro": [] },
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Basic CSS Review
+block: review-basic-css
+superBlock: front-end-development
+---
+
+## Introduction to the Basic CSS Review
+
+Review the Basic CSS concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Computer Basics Review
+block: review-computer-basics
+superBlock: front-end-development
+---
+
+## Introduction to the Computer Basics Review
+
+Review the Computer Basics concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Accessibility Review
+block: review-css-accessibility
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Accessibility Review
+
+Review the CSS Accessibility concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Amimations Review
+block: review-css-animations
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Amimations Review
+
+Review the CSS Amimations concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Attribute Selectors Review
+block: review-css-attribute-selectors
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Attribute Selectors Review
+
+Review the CSS Attribute Selectors concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Backgrounds and Borders Review
+block: review-css-backgrounds-and-borders
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Backgrounds and Borders Review
+
+Review the CSS Backgrounds and Borders concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Colors Review
+block: review-css-colors
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Colors Review
+
+Review the CSS Colors concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Flexbox Review
+block: review-css-flexbox
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Flexbox Review
+
+Review the CSS Flexbox concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Grid Review
+block: review-css-grid
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Grid Review
+
+Review the CSS Grid concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Layouts and Effects Review
+block: review-css-layout-and-effects
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Layouts and Effects Review
+
+Review the CSS Layouts and Effects concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Positioning Review
+block: review-css-positioning
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Positioning Review
+
+Review the CSS Positioning concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Pseudo-classes Review
+block: review-css-pseudo-classes
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Pseudo-classes Review
+
+Review the CSS Pseudo-classes concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Relative and Absolute Units Review
+block: review-css-relative-and-absolute-units
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Relative and Absolute Units Review
+
+Review the CSS Relative and Absolute Units concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Typography Review
+block: review-css-typography
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Typography Review
+
+Review the CSS Typography concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Variables Review
+block: review-css-variables
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Variables Review
+
+Review the CSS Variables concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Review
+block: review-css
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Review
+
+Review the CSS concepts to prepare for the upcoming exam.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Design Fundamentals Review
+block: review-design-fundamentals
+superBlock: front-end-development
+---
+
+## Introduction to the Design Fundamentals Review
+
+Review the Design Fundamentals concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the HTML Accessibility Review
+block: review-html-accessibility
+superBlock: front-end-development
+---
+
+## Introduction to the HTML Accessibility Review
+
+Review the HTML Accessibility concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the HTML Tables and Forms Review
+block: review-html-tables-and-forms
+superBlock: front-end-development
+---
+
+## Introduction to the HTML Tables and Forms Review
+
+Review the HTML Tables and Forms concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the HTML Review
+block: review-html
+superBlock: front-end-development
+---
+
+## Introduction to the HTML Review
+
+Review the HTML concepts to prepare for the upcoming exam.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Responsive Web Design Review
+block: review-responsive-web-design
+superBlock: front-end-development
+---
+
+## Introduction to the Responsive Web Design Review
+
+Review the Responsive Web Design concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Semantic HTML Review
+block: review-semantic-html
+superBlock: front-end-development
+---
+
+## Introduction to the Semantic HTML Review
+
+Review the Semantic HTML concepts to prepare for the upcoming quiz.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Styling Forms Review
+block: review-styling-forms
+superBlock: front-end-development
+---
+
+## Introduction to the Styling Forms Review
+
+Review the Styling Forms concepts to prepare for the upcoming quiz.
@@ -0,0 +1,13 @@
+{
+  "name": "Basic CSS Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-basic-css",
+  "order": 40,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a887a7e62c75e9ab1ee4a", "title": "Basic CSS Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "Computer Basics Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-computer-basics",
+  "order": 34,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a87e6dcef5b5bd765e5ed", "title": "Computer Basics Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "CSS Accessibility Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-accessibility",
+  "order": 90,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a955b74ab5588735800d1", "title": "CSS Accessibility Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "CSS Amimations Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-animations",
+  "order": 124,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a999cc77b7f9bceb4caeb", "title": "CSS Amimations Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,16 @@
+{
+  "name": "CSS Attribute Selectors Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-attribute-selectors",
+  "order": 95,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    {
+      "id": "671a95990b86b68961340adc",
+      "title": "CSS Attribute Selectors Review"
+    }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,16 @@
+{
+  "name": "CSS Backgrounds and Borders Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-backgrounds-and-borders",
+  "order": 46,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    {
+      "id": "671a88d636cebc5fbd407b78",
+      "title": "CSS Backgrounds and Borders Review"
+    }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "CSS Colors Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-colors",
+  "order": 65,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a90c1cf517678b130419e", "title": "CSS Colors Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "CSS Flexbox Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-flexbox",
+  "order": 80,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a940c69cdee833d4cc312", "title": "CSS Flexbox Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "CSS Grid Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-grid",
+  "order": 117,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a99394bedfb9a5bc687c4", "title": "CSS Grid Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,16 @@
+{
+  "name": "CSS Layouts and Effects Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-layout-and-effects",
+  "order": 75,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    {
+      "id": "671a9311a289ae7fff25d88e",
+      "title": "CSS Layouts and Effects Review"
+    }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "CSS Positioning Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-positioning",
+  "order": 100,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a967424a00e8c6561b182", "title": "CSS Positioning Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "CSS Pseudo-classes Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-pseudo-classes",
+  "order": 60,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a907bad4538752765f2ff", "title": "CSS Pseudo-classes Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,16 @@
+{
+  "name": "CSS Relative and Absolute Units Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-relative-and-absolute-units",
+  "order": 55,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    {
+      "id": "671a8f8350c20a7439015c98",
+      "title": "CSS Relative and Absolute Units Review"
+    }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "CSS Typography Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-typography",
+  "order": 85,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a9528fc4f1487cf265444", "title": "CSS Typography Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "CSS Variables Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css-variables",
+  "order": 110,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a98fbaabfba994e3d9a7c", "title": "CSS Variables Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "CSS Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-css",
+  "order": 126,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a9a0a140c2b9d6a75629f", "title": "CSS Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "Design Fundamentals Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-design-fundamentals",
+  "order": 51,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a892927fdba60db05edfe", "title": "Design Fundamentals Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "HTML Accessibility Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-html-accessibility",
+  "order": 27,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a87a39b88245a579c2271", "title": "HTML Accessibility Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,16 @@
+{
+  "name": "HTML Tables and Forms Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-html-tables-and-forms",
+  "order": 23,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    {
+      "id": "671a872c17382a582e455c4c",
+      "title": "HTML Tables and Forms Review"
+    }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "HTML Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-html",
+  "order": 29,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a883163d5ab5d47145880", "title": "HTML Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,16 @@
+{
+  "name": "Responsive Web Design Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-responsive-web-design",
+  "order": 105,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    {
+      "id": "671a98927af7829722697dc2",
+      "title": "Responsive Web Design Review"
+    }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "Semantic HTML Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-semantic-html",
+  "order": 14,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a83934b61f64cefe87a61", "title": "Semantic HTML Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,13 @@
+{
+  "name": "Styling Forms Review",
+  "blockType": "review",
+  "blockLayout": "link",
+  "isUpcomingChange": true,
+  "dashedName": "review-styling-forms",
+  "order": 70,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    { "id": "671a915858de057ad84c5dbd", "title": "Styling Forms Review" }
+  ],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,16 @@
+---
+id: 671a887a7e62c75e9ab1ee4a
+title: Basic CSS Review
+challengeType: 24
+dashedName: review-basic-css
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the Basic CSS topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a87e6dcef5b5bd765e5ed
+title: Computer Basics Review
+challengeType: 24
+dashedName: review-computer-basics
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the Computer Basics topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a955b74ab5588735800d1
+title: CSS Accessibility Review
+challengeType: 24
+dashedName: review-css-accessibility
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Accessibility topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a999cc77b7f9bceb4caeb
+title: CSS Amimations Review
+challengeType: 24
+dashedName: review-css-animations
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Amimations topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a95990b86b68961340adc
+title: CSS Attribute Selectors Review
+challengeType: 24
+dashedName: review-css-attribute-selectors
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Attribute Selectors topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a88d636cebc5fbd407b78
+title: CSS Backgrounds and Borders Review
+challengeType: 24
+dashedName: review-css-backgrounds-and-borders
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Backgrounds and Borders topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a90c1cf517678b130419e
+title: CSS Colors Review
+challengeType: 24
+dashedName: review-css-colors
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Colors topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a940c69cdee833d4cc312
+title: CSS Flexbox Review
+challengeType: 24
+dashedName: review-css-flexbox
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Flexbox topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a99394bedfb9a5bc687c4
+title: CSS Grid Review
+challengeType: 24
+dashedName: review-css-grid
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Grid topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a9311a289ae7fff25d88e
+title: CSS Layouts and Effects Review
+challengeType: 24
+dashedName: review-css-layout-and-effects
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Layouts and Effects topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a967424a00e8c6561b182
+title: CSS Positioning Review
+challengeType: 24
+dashedName: review-css-positioning
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Positioning topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a907bad4538752765f2ff
+title: CSS Pseudo-classes Review
+challengeType: 24
+dashedName: review-css-pseudo-classes
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Pseudo-classes topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a8f8350c20a7439015c98
+title: CSS Relative and Absolute Units Review
+challengeType: 24
+dashedName: review-css-relative-and-absolute-units
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Relative and Absolute Units topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a9528fc4f1487cf265444
+title: CSS Typography Review
+challengeType: 24
+dashedName: review-css-typography
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Typography topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a98fbaabfba994e3d9a7c
+title: CSS Variables Review
+challengeType: 24
+dashedName: review-css-variables
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the CSS Variables topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a9a0a140c2b9d6a75629f
+title: CSS Review
+challengeType: 24
+dashedName: review-css
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming exam.
+
+
+
+# --assignment--
+
+Review the CSS topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a892927fdba60db05edfe
+title: Design Fundamentals Review
+challengeType: 24
+dashedName: review-design-fundamentals
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the Design Fundamentals topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a87a39b88245a579c2271
+title: HTML Accessibility Review
+challengeType: 24
+dashedName: review-html-accessibility
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the HTML Accessibility topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a872c17382a582e455c4c
+title: HTML Tables and Forms Review
+challengeType: 24
+dashedName: review-html-tables-and-forms
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the HTML Tables and Forms topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a883163d5ab5d47145880
+title: HTML Review
+challengeType: 24
+dashedName: review-html
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming exam.
+
+
+
+# --assignment--
+
+Review the HTML topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a98927af7829722697dc2
+title: Responsive Web Design Review
+challengeType: 24
+dashedName: review-responsive-web-design
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the Responsive Web Design topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a83934b61f64cefe87a61
+title: Semantic HTML Review
+challengeType: 24
+dashedName: review-semantic-html
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the Semantic HTML topics and concepts.
@@ -0,0 +1,16 @@
+---
+id: 671a915858de057ad84c5dbd
+title: Styling Forms Review
+challengeType: 24
+dashedName: review-styling-forms
+---
+
+# --description--
+
+Review the concepts below to prepare for the upcoming quiz.
+
+
+
+# --assignment--
+
+Review the Styling Forms topics and concepts.