feat(curriculum): add HTML and CSS quiz boilerplates (#56167)

2026-09-24 23:01:18 +08:00 · 2024-09-23 22:10:28 +02:00
parent ab2c614806
commit 8601aec161
64 changed files with 732 additions and 21 deletions
@@ -1740,7 +1740,12 @@
        ]
      },
      "ijdq": { "title": "14", "intro": [] },
-      "pwwg": { "title": "15", "intro": [] },
+      "quiz-semantic-html": {
+        "title": "Semantic HTML Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of semantic HTML knowledge."
+        ]
+      },
      "cfgp": { "title": "16", "intro": [] },
      "workshop-hotel-feedback-form": {
        "title": "Build a Hotel Feedback Form",
@@ -1768,21 +1773,37 @@
      },
      "rsve": { "title": "22", "intro": [] },
      "xzam": { "title": "23", "intro": [] },
-      "isho": { "title": "24", "intro": [] },
+      "quiz-html-tables-and-forms": {
+        "title": "HTML Tables and Forms Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of HTML tables and forms."
+        ]
+      },
+
      "ghoc": { "title": "25", "intro": [] },
      "lab-checkout-page": {
        "title": "Build a Checkout Page",
        "intro": ["In this lab, you will create an accessible checkout page."]
      },
      "fqai": { "title": "27", "intro": [] },
-      "cayd": { "title": "28", "intro": [] },
+      "quiz-html-accessibility": {
+        "title": "HTML Accessibility Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of HTML accessibility knowledge."
+        ]
+      },
      "pspj": { "title": "29", "intro": [] },
      "qpra": { "title": "30", "intro": [] },
      "joim": { "title": "31", "intro": [] },
      "gvtb": { "title": "32", "intro": [] },
      "cqhu": { "title": "33", "intro": [] },
      "tmdc": { "title": "34", "intro": [] },
-      "hqia": { "title": "35", "intro": [] },
+      "quiz-computer-basics": {
+        "title": "Computer Basics Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of basic computer knowledge."
+        ]
+      },
      "dxpc": { "title": "36", "intro": [] },
      "liti": { "title": "37", "intro": [] },
      "lab-business-card": {
@@ -1793,7 +1814,12 @@
      },
      "gnuk": { "title": "39", "intro": [] },
      "zlfj": { "title": "40", "intro": [] },
-      "ioqd": { "title": "41", "intro": [] },
+      "quiz-basic-css": {
+        "title": "Basic CSS Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of basic CSS knowledge."
+        ]
+      },
      "sdul": { "title": "42", "intro": [] },
      "lab-stylized-to-do-list": {
        "title": "Build a Stylized To-Do List",
@@ -1804,12 +1830,22 @@
      "humj": { "title": "44", "intro": [] },
      "pahx": { "title": "45", "intro": [] },
      "rzdx": { "title": "46", "intro": [] },
-      "sgpy": { "title": "47", "intro": [] },
+      "quiz-css-backgrounds-and-borders": {
+        "title": "CSS Backgrounds and Borders Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of backgrounds and borders in CSS."
+        ]
+      },
      "ljmt": { "title": "48", "intro": [] },
      "lxpk": { "title": "49", "intro": [] },
      "lzqy": { "title": "50", "intro": [] },
      "gvel": { "title": "51", "intro": [] },
-      "hgxz": { "title": "52", "intro": [] },
+      "quiz-design-fundamentals": {
+        "title": "Design Fundamentals Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of UI design fundamentals."
+        ]
+      },
      "bgrw": { "title": "53", "intro": [] },
      "sbnz": { "title": "54", "intro": [] },
      "lab-event-flyer-page": {
@@ -1819,22 +1855,42 @@
        ]
      },
      "ywfm": { "title": "56", "intro": [] },
-      "yspe": { "title": "57", "intro": [] },
+      "quiz-css-relative-and-absolute-units": {
+        "title": "CSS Relative and Absolute Units Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of relative and absolute units in CSS."
+        ]
+      },
      "ohhu": { "title": "58", "intro": [] },
      "syga": { "title": "59", "intro": [] },
      "sdym": { "title": "60", "intro": [] },
      "ivpx": { "title": "61", "intro": [] },
-      "xnph": { "title": "62", "intro": [] },
+      "quiz-css-pseudo-classes": {
+        "title": "CSS Pseudo-classes Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of pseudo-classes in CSS."
+        ]
+      },
      "fvcj": { "title": "63", "intro": [] },
      "ogdb": { "title": "64", "intro": [] },
      "zxiy": { "title": "65", "intro": [] },
      "qpze": { "title": "66", "intro": [] },
-      "uqiy": { "title": "67", "intro": [] },
+      "quiz-css-colors": {
+        "title": "CSS Colors Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of using colors in CSS."
+        ]
+      },
      "jnqt": { "title": "68", "intro": [] },
      "vkei": { "title": "69", "intro": [] },
      "jows": { "title": "70", "intro": [] },
      "ipmw": { "title": "71", "intro": [] },
-      "nxbr": { "title": "72", "intro": [] },
+      "quiz-styling-forms": {
+        "title": "Styling Forms Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of how to style forms using CSS."
+        ]
+      },
      "qzcx": { "title": "73", "intro": [] },
      "wozq": { "title": "74", "intro": [] },
      "lab-confidential-email-page": {
@@ -1844,7 +1900,12 @@
        ]
      },
      "zter": { "title": "76", "intro": [] },
-      "rfiq": { "title": "77", "intro": [] },
+      "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."
+        ]
+      },
      "tcwi": { "title": "78", "intro": [] },
      "uptf": { "title": "79", "intro": [] },
      "lab-page-of-playing-cards": {
@@ -1854,7 +1915,12 @@
        ]
      },
      "kqao": { "title": "81", "intro": [] },
-      "habq": { "title": "82", "intro": [] },
+      "quiz-css-flexbox": {
+        "title": "CSS Flexbox Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of using flexbox in CSS."
+        ]
+      },
      "vqut": { "title": "83", "intro": [] },
      "ujcf": { "title": "84", "intro": [] },
      "lab-newspaper-article": {
@@ -1864,7 +1930,10 @@
        ]
      },
      "hbme": { "title": "86", "intro": [] },
-      "ioby": { "title": "87", "intro": [] },
+      "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": {
@@ -1874,7 +1943,12 @@
        ]
      },
      "fnde": { "title": "91", "intro": [] },
-      "gxjm": { "title": "92", "intro": [] },
+      "quiz-css-accessibility": {
+        "title": "CSS Accessibility Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of making your webpage accessible with CSS."
+        ]
+      },
      "swpl": { "title": "93", "intro": [] },
      "hcje": { "title": "94", "intro": [] },
      "lab-book-inventory-app": {
@@ -1882,7 +1956,12 @@
        "intro": ["For this lab, you will create a book inventory app."]
      },
      "huyd": { "title": "96", "intro": [] },
-      "kbwy": { "title": "97", "intro": [] },
+      "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": [] },
      "lab-house-painting": {
@@ -1890,7 +1969,12 @@
        "intro": ["For this lab, you will build a house painting using CSS."]
      },
      "rrtt": { "title": "101", "intro": [] },
-      "rbnd": { "title": "102", "intro": [] },
+      "quiz-css-positioning": {
+        "title": "CSS Positioning Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of how positioning works in CSS."
+        ]
+      },
      "xebj": { "title": "103", "intro": [] },
      "jkdt": { "title": "104", "intro": [] },
      "lab-technical-documentation-page": {
@@ -1900,7 +1984,12 @@
        ]
      },
      "xcti": { "title": "106", "intro": [] },
-      "scec": { "title": "107", "intro": [] },
+      "quiz-responsive-web-design": {
+        "title": "Responsive Web Design Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of making your webpage responsive."
+        ]
+      },
      "mtbl": { "title": "108", "intro": [] },
      "vlov": { "title": "109", "intro": [] },
      "lab-availability-table": {
@@ -1908,14 +1997,22 @@
        "intro": ["For this lab, you will create an availability table."]
      },
      "sget": { "title": "111", "intro": [] },
-      "huge": { "title": "112", "intro": [] },
+      "quiz-css-variables": {
+        "title": "CSS Variables Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of how using variables in CSS."
+        ]
+      },
      "agbl": { "title": "113", "intro": [] },
      "ogko": { "title": "114", "intro": [] },
      "harp": { "title": "115", "intro": [] },
      "nsiq": { "title": "116", "intro": [] },
      "geuv": { "title": "117", "intro": [] },
      "fdam": { "title": "118", "intro": [] },
-      "yqma": { "title": "119", "intro": [] },
+      "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": [] },
      "adzu": { "title": "121", "intro": [] },
      "lab-moon-orbit": {
@@ -1932,7 +2029,12 @@
        ]
      },
      "lvqc": { "title": "125", "intro": [] },
-      "oxbd": { "title": "126", "intro": [] },
+      "quiz-css-animations": {
+        "title": "CSS Animations Quiz",
+        "intro": [
+          "Test what you've learned in this quiz of using animations in CSS."
+        ]
+      },
      "wvjx": { "title": "127", "intro": [] },
      "uquz": { "title": "128", "intro": [] },
      "kdgd": { "title": "129", "intro": [] },
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Basic CSS Quiz
+block: quiz-basic-css
+superBlock: front-end-development
+---
+
+## Introduction to the Basic CSS Quiz
+
+Test what you've learned in this quiz of basic CSS knowledge.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Computer Basics Quiz
+block: quiz-computer-basics
+superBlock: front-end-development
+---
+
+## Introduction to the Computer Basics Quiz
+
+Test what you've learned in this quiz of basic computer knowledge.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Accessibility Quiz
+block: quiz-css-accessibility
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Accessibility Quiz
+
+Test what you've learned in this quiz of making your webpage accessible with CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Animations Quiz
+block: quiz-css-animations
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Animations Quiz
+
+Test what you've learned in this quiz of using animations in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Attribute Selectors Quiz
+block: quiz-css-attribute-selectors
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Attribute Selectors Quiz
+
+Test what you've learned in this quiz of using attribute selectors in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Backgrounds and Borders Quiz
+block: quiz-css-backgrounds-and-borders
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Backgrounds and Borders Quiz
+
+Test what you've learned in this quiz of backgrounds and borders in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Colors Quiz
+block: quiz-css-colors
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Colors Quiz
+
+Test what you've learned in this quiz of using colors in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Flexbox Quiz
+block: quiz-css-flexbox
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Flexbox Quiz
+
+Test what you've learned in this quiz of using flexbox in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Grid Quiz
+block: quiz-css-grid
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Grid Quiz
+
+Test what you've learned in this quiz of using grid in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Layout and Effects Quiz
+block: quiz-css-layout-and-effects
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Layout and Effects Quiz
+
+Test what you've learned in this quiz of the box model, transforms, filters, and overflow in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Positioning Quiz
+block: quiz-css-positioning
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Positioning Quiz
+
+Test what you've learned in this quiz of how positioning works in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Pseudo-classes Quiz
+block: quiz-css-pseudo-classes
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Pseudo-classes Quiz
+
+Test what you've learned in this quiz of pseudo-classes in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Relative and Absolute Units Quiz
+block: quiz-css-relative-and-absolute-units
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Relative and Absolute Units Quiz
+
+Test what you've learned in this quiz of relative and absolute units in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Typography Quiz
+block: quiz-css-typography
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Typography Quiz
+
+Test what you've learned in this quiz of typography in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the CSS Variables Quiz
+block: quiz-css-variables
+superBlock: front-end-development
+---
+
+## Introduction to the CSS Variables Quiz
+
+Test what you've learned in this quiz of how using variables in CSS.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Design Fundamentals Quiz
+block: quiz-design-fundamentals
+superBlock: front-end-development
+---
+
+## Introduction to the Design Fundamentals Quiz
+
+Test what you've learned in this quiz of UI design fundamentals.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the HTML Accessibility Quiz
+block: quiz-html-accessibility
+superBlock: front-end-development
+---
+
+## Introduction to the HTML Accessibility Quiz
+
+Test what you've learned in this quiz of HTML accessibility knowledge.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the HTML Tables and Forms Quiz
+block: quiz-html-tables-and-forms
+superBlock: front-end-development
+---
+
+## Introduction to the HTML Tables and Forms Quiz
+
+Test what you've learned in this quiz of HTML tables and forms.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Responsive Web Design Quiz
+block: quiz-responsive-web-design
+superBlock: front-end-development
+---
+
+## Introduction to the Responsive Web Design Quiz
+
+Test what you've learned in this quiz of making your webpage responsive.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Semantic HTML Quiz
+block: quiz-semantic-html
+superBlock: front-end-development
+---
+
+## Introduction to the Semantic HTML Quiz
+
+Test what you've learned in this quiz of semantic HTML knowledge.
@@ -0,0 +1,9 @@
+---
+title: Introduction to the Styling Forms Quiz
+block: quiz-styling-forms
+superBlock: front-end-development
+---
+
+## Introduction to the Styling Forms Quiz
+
+Test what you've learned in this quiz of how to style forms using CSS.
@@ -0,0 +1,10 @@
+{
+  "name": "Basic CSS Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-basic-css",
+  "order": 41,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed8fa2f45ce3ece4053eab", "title": "Basic CSS Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "Computer Basics Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-computer-basics",
+  "order": 35,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed8fb9f45ce3ece4053eac", "title": "Computer Basics Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Accessibility Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-accessibility",
+  "order": 92,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed8fc1f45ce3ece4053ead", "title": "CSS Accessibility Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Animations Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-animations",
+  "order": 126,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed8fc9f45ce3ece4053eae", "title": "CSS Animations Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Attribute Selectors Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-attribute-selectors",
+  "order": 97,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed8fd0f45ce3ece4053eaf", "title": "CSS Attribute Selectors Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Backgrounds and Borders Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-backgrounds-and-borders",
+  "order": 47,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed8fd7f45ce3ece4053eb0", "title": "CSS Backgrounds and Borders Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Colors Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-colors",
+  "order": 67,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed8fe1f45ce3ece4053eb1", "title": "CSS Colors Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Flexbox Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-flexbox",
+  "order": 82,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed8fe7f45ce3ece4053eb2", "title": "CSS Flexbox Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Grid Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-grid",
+  "order": 119,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed8fedf45ce3ece4053eb3", "title": "CSS Grid Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Layout and Effects Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-layout-and-effects",
+  "order": 77,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed8ff4f45ce3ece4053eb4", "title": "CSS Layout and Effects Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Positioning Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-positioning",
+  "order": 102,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed8ffcf45ce3ece4053eb5", "title": "CSS Positioning Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Pseudo-classes Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-pseudo-classes",
+  "order": 62,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed9002f45ce3ece4053eb6", "title": "CSS Pseudo-classes Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Relative and Absolute Units Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-relative-and-absolute-units",
+  "order": 57,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed9009f45ce3ece4053eb7", "title": "CSS Relative and Absolute Units Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Typography Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-typography",
+  "order": 87,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed9010f45ce3ece4053eb8", "title": "CSS Typography Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "CSS Variables Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-css-variables",
+  "order": 112,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed9018f45ce3ece4053eb9", "title": "CSS Variables Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "Design Fundamentals Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-design-fundamentals",
+  "order": 52,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed901ff45ce3ece4053eba", "title": "Design Fundamentals Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "HTML Accessibility Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-html-accessibility",
+  "order": 28,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed9026f45ce3ece4053ebb", "title": "HTML Accessibility Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "HTML Tables and Forms Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-html-tables-and-forms",
+  "order": 24,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed902df45ce3ece4053ebc", "title": "HTML Tables and Forms Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "Responsive Web Design Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-responsive-web-design",
+  "order": 107,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed9034f45ce3ece4053ebd", "title": "Responsive Web Design Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "Semantic HTML Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-semantic-html",
+  "order": 15,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed903cf45ce3ece4053ebe", "title": "Semantic HTML Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+{
+  "name": "Styling Forms Quiz",
+  "blockType": "quiz",
+  "isUpcomingChange": true,
+  "dashedName": "quiz-styling-forms",
+  "order": 72,
+  "superBlock": "front-end-development",
+  "challengeOrder": [{ "id": "66ed9043f45ce3ece4053ebf", "title": "Styling Forms Quiz" }],
+  "helpCategory": "HTML-CSS"
+}
@@ -0,0 +1,10 @@
+---
+id: 66ed8fa2f45ce3ece4053eab
+title: Basic CSS Quiz
+challengeType: 8
+dashedName: quiz-basic-css
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed8fb9f45ce3ece4053eac
+title: Computer Basics Quiz
+challengeType: 8
+dashedName: quiz-computer-basics
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed8fc1f45ce3ece4053ead
+title: CSS Accessibility Quiz
+challengeType: 8
+dashedName: quiz-css-accessibility
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed8fc9f45ce3ece4053eae
+title: CSS Animations Quiz
+challengeType: 8
+dashedName: quiz-css-animations
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed8fd0f45ce3ece4053eaf
+title: CSS Attribute Selectors Quiz
+challengeType: 8
+dashedName: quiz-css-attribute-selectors
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed8fd7f45ce3ece4053eb0
+title: CSS Backgrounds and Borders Quiz
+challengeType: 8
+dashedName: quiz-css-backgrounds-and-borders
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed8fe1f45ce3ece4053eb1
+title: CSS Colors Quiz
+challengeType: 8
+dashedName: quiz-css-colors
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed8fe7f45ce3ece4053eb2
+title: CSS Flexbox Quiz
+challengeType: 8
+dashedName: quiz-css-flexbox
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed8fedf45ce3ece4053eb3
+title: CSS Grid Quiz
+challengeType: 8
+dashedName: quiz-css-grid
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed8ff4f45ce3ece4053eb4
+title: CSS Layout and Effects Quiz
+challengeType: 8
+dashedName: quiz-css-layout-and-effects
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed8ffcf45ce3ece4053eb5
+title: CSS Positioning Quiz
+challengeType: 8
+dashedName: quiz-css-positioning
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed9002f45ce3ece4053eb6
+title: CSS Pseudo-classes Quiz
+challengeType: 8
+dashedName: quiz-css-pseudo-classes
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed9009f45ce3ece4053eb7
+title: CSS Relative and Absolute Units Quiz
+challengeType: 8
+dashedName: quiz-css-relative-and-absolute-units
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed9010f45ce3ece4053eb8
+title: CSS Typography Quiz
+challengeType: 8
+dashedName: quiz-css-typography
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed9018f45ce3ece4053eb9
+title: CSS Variables Quiz
+challengeType: 8
+dashedName: quiz-css-variables
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed901ff45ce3ece4053eba
+title: Design Fundamentals Quiz
+challengeType: 8
+dashedName: quiz-design-fundamentals
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed9026f45ce3ece4053ebb
+title: HTML Accessibility Quiz
+challengeType: 8
+dashedName: quiz-html-accessibility
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed902df45ce3ece4053ebc
+title: HTML Tables and Forms Quiz
+challengeType: 8
+dashedName: quiz-html-tables-and-forms
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed9034f45ce3ece4053ebd
+title: Responsive Web Design Quiz
+challengeType: 8
+dashedName: quiz-responsive-web-design
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed903cf45ce3ece4053ebe
+title: Semantic HTML Quiz
+challengeType: 8
+dashedName: quiz-semantic-html
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.
@@ -0,0 +1,10 @@
+---
+id: 66ed9043f45ce3ece4053ebf
+title: Styling Forms Quiz
+challengeType: 8
+dashedName: quiz-styling-forms
+---
+
+# --description--
+
+Answer all of the questions below correctly to pass the quiz.