From b8a90f8fbca02b2fa957e0cf48e351c24e34c8b2 Mon Sep 17 00:00:00 2001
From: Supravisor <153783117+Supravisor@users.noreply.github.com>
Date: Fri, 7 Feb 2025 14:22:59 +1300
Subject: [PATCH] fix(curriculum): add size attributes (#58624)

---
 .../workshop-hotel-feedback-form/meta.json    | 48 ++++++------
 .../66a9401c9d660d6bb15993e2.md               |  7 +-
 .../66a9419e2d18476c645ce693.md               |  7 +-
 .../66a94ea5df66236ebed260e8.md               |  7 +-
 .../66a9521bc70162712caf118d.md               |  7 +-
 .../66a954b2bcddba72076c1857.md               |  7 +-
 .../66a9577022877d72d8f43b4f.md               |  7 +-
 .../66a95d0eff8168747805f1f3.md               |  7 +-
 .../66a96127422411756204bc1b.md               |  7 +-
 .../66a962954f4e0d76223b37ed.md               |  7 +-
 .../66a9689b1bf24b7750898a1b.md               |  7 +-
 .../66a969951120be7818d8ee49.md               |  7 +-
 .../66a96b01f33ef178dfca9e42.md               |  7 +-
 .../66a972137acd1179fa3fe8a0.md               |  7 +-
 .../66a975260401487af226b290.md               |  7 +-
 .../66a975c259525b7bc2d5c776.md               |  7 +-
 .../66a97ca8c4cbae7d0bb6e0ad.md               |  7 +-
 .../66a97f40ddd40d7deb0618b7.md               |  7 +-
 .../66a9824ac5d9f77ec304969f.md               |  7 +-
 .../66a9836b339fed7f9a8fe35a.md               |  7 +-
 .../66a9843525e9fa8046d709b7.md               |  7 +-
 .../66ad24c7eb8c121000c603a6.md               |  7 +-
 .../67a51d3a8a6fe123b77b0c6e.md               | 75 +++++++++++++++++++
 23 files changed, 185 insertions(+), 85 deletions(-)
 create mode 100644 curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/67a51d3a8a6fe123b77b0c6e.md

diff --git a/curriculum/challenges/_meta/workshop-hotel-feedback-form/meta.json b/curriculum/challenges/_meta/workshop-hotel-feedback-form/meta.json
index 5de42699346..92b6737bbb1 100644
--- a/curriculum/challenges/_meta/workshop-hotel-feedback-form/meta.json
+++ b/curriculum/challenges/_meta/workshop-hotel-feedback-form/meta.json
@@ -65,89 +65,93 @@
       "title": "Step 14"
     },
     {
-      "id": "66a9401c9d660d6bb15993e2",
+      "id": "67a51d3a8a6fe123b77b0c6e",
       "title": "Step 15"
     },
     {
-      "id": "66a9419e2d18476c645ce693",
+      "id": "66a9401c9d660d6bb15993e2",
       "title": "Step 16"
     },
     {
-      "id": "66a94ea5df66236ebed260e8",
+      "id": "66a9419e2d18476c645ce693",
       "title": "Step 17"
     },
     {
-      "id": "66a9521bc70162712caf118d",
+      "id": "66a94ea5df66236ebed260e8",
       "title": "Step 18"
     },
     {
-      "id": "66a954b2bcddba72076c1857",
+      "id": "66a9521bc70162712caf118d",
       "title": "Step 19"
     },
     {
-      "id": "66a9577022877d72d8f43b4f",
+      "id": "66a954b2bcddba72076c1857",
       "title": "Step 20"
     },
     {
-      "id": "66a95d0eff8168747805f1f3",
+      "id": "66a9577022877d72d8f43b4f",
       "title": "Step 21"
     },
     {
-      "id": "66a96127422411756204bc1b",
+      "id": "66a95d0eff8168747805f1f3",
       "title": "Step 22"
     },
     {
-      "id": "66a962954f4e0d76223b37ed",
+      "id": "66a96127422411756204bc1b",
       "title": "Step 23"
     },
     {
-      "id": "66ad24c7eb8c121000c603a6",
+      "id": "66a962954f4e0d76223b37ed",
       "title": "Step 24"
     },
     {
-      "id": "66a9689b1bf24b7750898a1b",
+      "id": "66ad24c7eb8c121000c603a6",
       "title": "Step 25"
     },
     {
-      "id": "66a969951120be7818d8ee49",
+      "id": "66a9689b1bf24b7750898a1b",
       "title": "Step 26"
     },
     {
-      "id": "66a96b01f33ef178dfca9e42",
+      "id": "66a969951120be7818d8ee49",
       "title": "Step 27"
     },
     {
-      "id": "66a972137acd1179fa3fe8a0",
+      "id": "66a96b01f33ef178dfca9e42",
       "title": "Step 28"
     },
     {
-      "id": "66a975260401487af226b290",
+      "id": "66a972137acd1179fa3fe8a0",
       "title": "Step 29"
     },
     {
-      "id": "66a975c259525b7bc2d5c776",
+      "id": "66a975260401487af226b290",
       "title": "Step 30"
     },
     {
-      "id": "66a97ca8c4cbae7d0bb6e0ad",
+      "id": "66a975c259525b7bc2d5c776",
       "title": "Step 31"
     },
     {
-      "id": "66a97f40ddd40d7deb0618b7",
+      "id": "66a97ca8c4cbae7d0bb6e0ad",
       "title": "Step 32"
     },
     {
-      "id": "66a9824ac5d9f77ec304969f",
+      "id": "66a97f40ddd40d7deb0618b7",
       "title": "Step 33"
     },
     {
-      "id": "66a9836b339fed7f9a8fe35a",
+      "id": "66a9824ac5d9f77ec304969f",
       "title": "Step 34"
     },
     {
-      "id": "66a9843525e9fa8046d709b7",
+      "id": "66a9836b339fed7f9a8fe35a",
       "title": "Step 35"
+    },
+    {
+      "id": "66a9843525e9fa8046d709b7",
+      "title": "Step 36"
     }
   ],
   "helpCategory": "HTML-CSS"
-}
+}
\ No newline at end of file
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
index fa146b9c712..71beeebccbe 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
@@ -1,8 +1,8 @@
 ---
 id: 66a9401c9d660d6bb15993e2
-title: Step 15
+title: Step 16
 challengeType: 0
-dashedName: step-15
+dashedName: step-16
 ---
 
 # --description--
@@ -57,7 +57,7 @@ assert.strictEqual(document.querySelector('label[for="age"]')?.textContent, "Age
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -66,6 +66,7 @@ assert.strictEqual(document.querySelector('label[for="age"]')?.textContent, "Age
             id="email"
             type="email"
             name="email"
+            size="20"
           />
 --fcc-editable-region--
           
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9419e2d18476c645ce693.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9419e2d18476c645ce693.md
index 3ce894cbd96..0c5b1c87aa5 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9419e2d18476c645ce693.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9419e2d18476c645ce693.md
@@ -1,8 +1,8 @@
 ---
 id: 66a9419e2d18476c645ce693
-title: Step 16
+title: Step 17
 challengeType: 0
-dashedName: step-16
+dashedName: step-17
 ---
 
 # --description--
@@ -77,7 +77,7 @@ assert.isNotNull(document.querySelector('label + input[max="100"]'));
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -86,6 +86,7 @@ assert.isNotNull(document.querySelector('label + input[max="100"]'));
             id="email"
             type="email"
             name="email"
+            size="20"
           />
       --fcc-editable-region--
           <label for="age">Age (optional):</label>
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a94ea5df66236ebed260e8.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a94ea5df66236ebed260e8.md
index ee25c8590e5..762a933bd5b 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a94ea5df66236ebed260e8.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a94ea5df66236ebed260e8.md
@@ -1,8 +1,8 @@
 ---
 id: 66a94ea5df66236ebed260e8
-title: Step 17
+title: Step 18
 challengeType: 0
-dashedName: step-17
+dashedName: step-18
 ---
 
 # --description--
@@ -57,7 +57,7 @@ assert.strictEqual(document.querySelectorAll('fieldset legend')[1]?.textContent,
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -66,6 +66,7 @@ assert.strictEqual(document.querySelectorAll('fieldset legend')[1]?.textContent,
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9521bc70162712caf118d.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9521bc70162712caf118d.md
index 501bc1feb0a..6651202c80a 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9521bc70162712caf118d.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9521bc70162712caf118d.md
@@ -1,8 +1,8 @@
 ---
 id: 66a9521bc70162712caf118d
-title: Step 18
+title: Step 19
 challengeType: 0
-dashedName: step-18
+dashedName: step-19
 ---
 
 # --description--
@@ -86,7 +86,7 @@ assert.strictEqual(document.querySelector('fieldset:nth-of-type(2) label + input
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -95,6 +95,7 @@ assert.strictEqual(document.querySelector('fieldset:nth-of-type(2) label + input
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a954b2bcddba72076c1857.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a954b2bcddba72076c1857.md
index 877d51ce10f..d2437e8e74a 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a954b2bcddba72076c1857.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a954b2bcddba72076c1857.md
@@ -1,8 +1,8 @@
 ---
 id: 66a954b2bcddba72076c1857
-title: Step 19
+title: Step 20
 challengeType: 0
-dashedName: step-19
+dashedName: step-20
 ---
 
 # --description--
@@ -81,7 +81,7 @@ assert.strictEqual(document.querySelector('fieldset:nth-of-type(2) label + input
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -90,6 +90,7 @@ assert.strictEqual(document.querySelector('fieldset:nth-of-type(2) label + input
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9577022877d72d8f43b4f.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9577022877d72d8f43b4f.md
index bce0f285d5d..7ffaaf5f3ec 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9577022877d72d8f43b4f.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9577022877d72d8f43b4f.md
@@ -1,8 +1,8 @@
 ---
 id: 66a9577022877d72d8f43b4f
-title: Step 20
+title: Step 21
 challengeType: 0
-dashedName: step-20
+dashedName: step-21
 ---
 
 # --description--
@@ -57,7 +57,7 @@ assert.strictEqual(document.querySelector('fieldset:nth-of-type(3) legend')?.inn
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -66,6 +66,7 @@ assert.strictEqual(document.querySelector('fieldset:nth-of-type(3) legend')?.inn
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a95d0eff8168747805f1f3.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a95d0eff8168747805f1f3.md
index d2dc71c81bf..608bde88093 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a95d0eff8168747805f1f3.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a95d0eff8168747805f1f3.md
@@ -1,8 +1,8 @@
 ---
 id: 66a95d0eff8168747805f1f3
-title: Step 21
+title: Step 22
 challengeType: 0
-dashedName: step-21
+dashedName: step-22
 ---
 
 # --description--
@@ -96,7 +96,7 @@ assert.strictEqual(document.querySelector("fieldset:nth-of-type(3) label + input
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -105,6 +105,7 @@ assert.strictEqual(document.querySelector("fieldset:nth-of-type(3) label + input
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96127422411756204bc1b.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96127422411756204bc1b.md
index aba37367b6f..35f9ef30af6 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96127422411756204bc1b.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96127422411756204bc1b.md
@@ -1,8 +1,8 @@
 ---
 id: 66a96127422411756204bc1b
-title: Step 22
+title: Step 23
 challengeType: 0
-dashedName: step-22
+dashedName: step-23
 ---
 
 # --description--
@@ -79,7 +79,7 @@ assert.strictEqual(document.querySelector("fieldset:nth-of-type(3) label + input
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -88,6 +88,7 @@ assert.strictEqual(document.querySelector("fieldset:nth-of-type(3) label + input
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a962954f4e0d76223b37ed.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a962954f4e0d76223b37ed.md
index 52f651b0b91..e21a9563b45 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a962954f4e0d76223b37ed.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a962954f4e0d76223b37ed.md
@@ -1,8 +1,8 @@
 ---
 id: 66a962954f4e0d76223b37ed
-title: Step 23
+title: Step 24
 challengeType: 0
-dashedName: step-23
+dashedName: step-24
 ---
 
 # --description--
@@ -113,7 +113,7 @@ assert.strictEqual(document.querySelectorAll("fieldset:nth-of-type(3) label + in
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -122,6 +122,7 @@ assert.strictEqual(document.querySelectorAll("fieldset:nth-of-type(3) label + in
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9689b1bf24b7750898a1b.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9689b1bf24b7750898a1b.md
index c4f49d17111..bad7d32e078 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9689b1bf24b7750898a1b.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9689b1bf24b7750898a1b.md
@@ -1,8 +1,8 @@
 ---
 id: 66a9689b1bf24b7750898a1b
-title: Step 25
+title: Step 26
 challengeType: 0
-dashedName: step-25
+dashedName: step-26
 ---
 
 # --description--
@@ -75,7 +75,7 @@ assert.strictEqual(document.querySelectorAll("fieldset:nth-of-type(3) label + in
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -84,6 +84,7 @@ assert.strictEqual(document.querySelectorAll("fieldset:nth-of-type(3) label + in
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a969951120be7818d8ee49.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a969951120be7818d8ee49.md
index aea19c638b0..bf2bc29c3f8 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a969951120be7818d8ee49.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a969951120be7818d8ee49.md
@@ -1,8 +1,8 @@
 ---
 id: 66a969951120be7818d8ee49
-title: Step 26
+title: Step 27
 challengeType: 0
-dashedName: step-26
+dashedName: step-27
 ---
 
 # --description--
@@ -75,7 +75,7 @@ assert.strictEqual(document.querySelectorAll('fieldset:nth-of-type(4) legend + l
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -84,6 +84,7 @@ assert.strictEqual(document.querySelectorAll('fieldset:nth-of-type(4) legend + l
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96b01f33ef178dfca9e42.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96b01f33ef178dfca9e42.md
index 604d1db6e5c..ddf24392460 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96b01f33ef178dfca9e42.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96b01f33ef178dfca9e42.md
@@ -1,8 +1,8 @@
 ---
 id: 66a96b01f33ef178dfca9e42
-title: Step 27
+title: Step 28
 challengeType: 0
-dashedName: step-27
+dashedName: step-28
 ---
 
 # --description--
@@ -67,7 +67,7 @@ assert(document.querySelector('select[id="service"]'));
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -76,6 +76,7 @@ assert(document.querySelector('select[id="service"]'));
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a972137acd1179fa3fe8a0.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a972137acd1179fa3fe8a0.md
index afdd6dd8f70..4edb4955832 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a972137acd1179fa3fe8a0.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a972137acd1179fa3fe8a0.md
@@ -1,8 +1,8 @@
 ---
 id: 66a972137acd1179fa3fe8a0
-title: Step 28
+title: Step 29
 challengeType: 0
-dashedName: step-28
+dashedName: step-29
 ---
 
 # --description--
@@ -113,7 +113,7 @@ assert.strictEqual(document.querySelector('option[value="excellent"]')?.textCont
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -122,6 +122,7 @@ assert.strictEqual(document.querySelector('option[value="excellent"]')?.textCont
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975260401487af226b290.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975260401487af226b290.md
index 39d9aea51cc..443d99a6092 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975260401487af226b290.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975260401487af226b290.md
@@ -1,8 +1,8 @@
 ---
 id: 66a975260401487af226b290
-title: Step 29
+title: Step 30
 challengeType: 0
-dashedName: step-29
+dashedName: step-30
 ---
 
 # --description--
@@ -49,7 +49,7 @@ assert(document.querySelector('option[value="excellent"][selected]'));
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -58,6 +58,7 @@ assert(document.querySelector('option[value="excellent"][selected]'));
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975c259525b7bc2d5c776.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975c259525b7bc2d5c776.md
index 6d34d4b27a2..f0d534df7a0 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975c259525b7bc2d5c776.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975c259525b7bc2d5c776.md
@@ -1,8 +1,8 @@
 ---
 id: 66a975c259525b7bc2d5c776
-title: Step 30
+title: Step 31
 challengeType: 0
-dashedName: step-30
+dashedName: step-31
 ---
 
 # --description--
@@ -63,7 +63,7 @@ assert(document.querySelector('label + select[name="food"]'));
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -72,6 +72,7 @@ assert(document.querySelector('label + select[name="food"]'));
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97ca8c4cbae7d0bb6e0ad.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97ca8c4cbae7d0bb6e0ad.md
index ad0d8cccc38..aeb03d32b9b 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97ca8c4cbae7d0bb6e0ad.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97ca8c4cbae7d0bb6e0ad.md
@@ -1,8 +1,8 @@
 ---
 id: 66a97ca8c4cbae7d0bb6e0ad
-title: Step 31
+title: Step 32
 challengeType: 0
-dashedName: step-31
+dashedName: step-32
 ---
 
 # --description--
@@ -122,7 +122,7 @@ assert(document.querySelector('fieldset:nth-of-type(4) select#food option[value=
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -131,6 +131,7 @@ assert(document.querySelector('fieldset:nth-of-type(4) select#food option[value=
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97f40ddd40d7deb0618b7.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97f40ddd40d7deb0618b7.md
index 7a93d442a32..c3bdc27c974 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97f40ddd40d7deb0618b7.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97f40ddd40d7deb0618b7.md
@@ -1,8 +1,8 @@
 ---
 id: 66a97f40ddd40d7deb0618b7
-title: Step 32
+title: Step 33
 challengeType: 0
-dashedName: step-32
+dashedName: step-33
 ---
 
 # --description--
@@ -49,7 +49,7 @@ assert.strictEqual(document.querySelector('label[for="comments"]')?.textContent,
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -58,6 +58,7 @@ assert.strictEqual(document.querySelector('label[for="comments"]')?.textContent,
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9824ac5d9f77ec304969f.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9824ac5d9f77ec304969f.md
index 801d803c2a0..11868e9f356 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9824ac5d9f77ec304969f.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9824ac5d9f77ec304969f.md
@@ -1,8 +1,8 @@
 ---
 id: 66a9824ac5d9f77ec304969f
-title: Step 33
+title: Step 34
 challengeType: 0
-dashedName: step-33
+dashedName: step-34
 ---
 
 # --description--
@@ -53,7 +53,7 @@ assert(document.querySelector('label + textarea'));
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -62,6 +62,7 @@ assert(document.querySelector('label + textarea'));
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9836b339fed7f9a8fe35a.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9836b339fed7f9a8fe35a.md
index 0d40a50d180..a78aef4c9a3 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9836b339fed7f9a8fe35a.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9836b339fed7f9a8fe35a.md
@@ -1,8 +1,8 @@
 ---
 id: 66a9836b339fed7f9a8fe35a
-title: Step 34
+title: Step 35
 challengeType: 0
-dashedName: step-34
+dashedName: step-35
 ---
 
 # --description--
@@ -61,7 +61,7 @@ assert(document.querySelector('textarea[rows="10"]'));
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -70,6 +70,7 @@ assert(document.querySelector('textarea[rows="10"]'));
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9843525e9fa8046d709b7.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9843525e9fa8046d709b7.md
index 49ce1c79b0e..cad3e7b87f4 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9843525e9fa8046d709b7.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9843525e9fa8046d709b7.md
@@ -1,8 +1,8 @@
 ---
 id: 66a9843525e9fa8046d709b7
-title: Step 35
+title: Step 36
 challengeType: 0
-dashedName: step-35
+dashedName: step-36
 ---
 
 # --description--
@@ -59,7 +59,7 @@ assert.strictEqual(document.querySelector('button')?.textContent, 'Submit');
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -68,6 +68,7 @@ assert.strictEqual(document.querySelector('button')?.textContent, 'Submit');
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66ad24c7eb8c121000c603a6.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66ad24c7eb8c121000c603a6.md
index d41ff36ba9c..def750581f1 100644
--- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66ad24c7eb8c121000c603a6.md
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66ad24c7eb8c121000c603a6.md
@@ -1,8 +1,8 @@
 ---
 id: 66ad24c7eb8c121000c603a6
-title: Step 24
+title: Step 25
 challengeType: 0
-dashedName: step-24
+dashedName: step-25
 ---
 
 # --description--
@@ -49,7 +49,7 @@ assert(document.querySelector("input#reputation[checked]"));
         <fieldset>
           <legend>Personal Information</legend>
           <label for="full-name">Name (required):</label>
-          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required size="20">
 
           <label for="email">Email address (required):</label>
           <input
@@ -58,6 +58,7 @@ assert(document.querySelector("input#reputation[checked]"));
             id="email"
             type="email"
             name="email"
+            size="20"
           />
           <label for="age">Age (optional):</label>
           <input type="number" name="age" id="age" min="3" max="100" />
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/67a51d3a8a6fe123b77b0c6e.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/67a51d3a8a6fe123b77b0c6e.md
new file mode 100644
index 00000000000..6e8ae16c8fd
--- /dev/null
+++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/67a51d3a8a6fe123b77b0c6e.md
@@ -0,0 +1,75 @@
+---
+id: 67a51d3a8a6fe123b77b0c6e
+title: Step 15
+challengeType: 0
+dashedName: step-15
+---
+
+# --description--
+
+`input` elements can have a `size` attribute. This attribute defines the number of characters that should be visible as the user types into the input. The value of `size` should be a non-negative integer greater than zero. If `size` is not specified, or is specified with an invalid value, the input will have the default width set by the browser.
+
+```html
+<label for="lastName">Last Name:</label>
+<input id="lastName" name="lastName" type="text" size="10" />
+```
+
+Give the name and email inputs a `size` attribute with a value of `"20"`.
+
+# --hints--
+
+You should give the name `input` a `size` attribute with a value of `"20"`.
+
+```js
+const label1 = document.querySelector('label:nth-of-type(1) + input');
+assert.strictEqual(label1?.getAttribute('size'), '20');
+```
+
+You should give the email `input` a `size` attribute with a value of `"20"`.
+
+```js
+const label2 = document.querySelector('label:nth-of-type(2) + input');
+assert.strictEqual(label2?.getAttribute('size'), '20');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Hotel Feedback Form</title>
+  </head>
+  <body>
+    <header>
+      <h1>Hotel Feedback Form</h1>
+      <p>
+        Thank you for staying with us. Please provide feedback on your recent
+        stay.
+      </p>
+    </header>
+    <main>
+      <form method="POST" action="https://hotel-feedback.freecodecamp.org">
+        <fieldset>
+          <legend>Personal Information</legend>
+          <label for="full-name">Name (required):</label>
+--fcc-editable-region--
+          <input type="text" id="full-name" name="name" placeholder="Ex. John Doe" required>
+          <label for="email">Email address (required):</label>
+          <input
+            placeholder="example@email.com"
+            required
+            id="email"
+            type="email"
+            name="email"
+          />         
+--fcc-editable-region--
+        </fieldset>
+      </form>
+    </main>
+  </body>
+</html>
+```