fix(curriculum): refine editable region workshop bookstore page (freeCodeCamp#65965)

AdityaSingh-18 · web-flow · commit 303bdffc7ac9 · 2026-02-19T17:22:23.000Z
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68e97fe79367ad7b5dd6c9cd.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68e97fe79367ad7b5dd6c9cd.md
@@ -40,10 +40,12 @@ assert.match(code, /<body>[\s\S]*<h1>[\s\S]*<\/h1>[\s\S]*<\/body>/i);
   <meta charset="UTF-8" />
   <title>XYZ Bookstore Page</title>
 </head>
---fcc-editable-region--
-<body>
 
-</body>
+<body>
 --fcc-editable-region--
+  
+--fcc-editable-region--
+</body>
+
 </html>
 ```
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68ebdbacdd3fa474132cc975.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68ebdbacdd3fa474132cc975.md
@@ -43,9 +43,9 @@ assert.exists(document.querySelector('h1 + p'));
 
 <body>
   <h1>XYZ Bookstore</h1>
-  --fcc-editable-region--
-
-  --fcc-editable-region--
+--fcc-editable-region--
+  
+--fcc-editable-region--
 </body>
 
 </html>
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec6cd5b7e8f5a8f7319e32.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec6cd5b7e8f5a8f7319e32.md
@@ -40,8 +40,9 @@ assert.exists(document.querySelector('p + div'));
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
 --fcc-editable-region--
-
+  
 --fcc-editable-region--
 </body>
 
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec6d9a315221aa31e54816.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec6d9a315221aa31e54816.md
@@ -46,11 +46,12 @@ assert.equal(document.querySelector('div')?.className, 'card-container');
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
---fcc-editable-region-- 
+  
+--fcc-editable-region--
   <div>
-
-  </div>
 --fcc-editable-region--
+    
+  </div>
 </body>
 
 </html>
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec6e8d0caee3afaaf142ef.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec6e8d0caee3afaaf142ef.md
@@ -46,11 +46,12 @@ assert.exists(document.querySelector('.card-container div.card'));
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
- --fcc-editable-region--
+  
   <div class="card-container">
-
-  </div>
 --fcc-editable-region--
+    
+--fcc-editable-region--
+  </div>
 </body>
 
 </html>
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec9332a9b5b2b32487bd00.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec9332a9b5b2b32487bd00.md
@@ -48,12 +48,13 @@ assert.equal(document.querySelector('.card')?.id, 'sally-adventure-book');
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
   <div class="card-container">
   --fcc-editable-region--
     <div class="card">
-
-    </div>
   --fcc-editable-region--
+      
+    </div>
   </div>
 </body>
 
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec98b38d83a3c28dd30efe.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec98b38d83a3c28dd30efe.md
@@ -38,12 +38,13 @@ assert.equal(document.querySelector('.card h2')?.innerText.trim(), "Sally's SciF
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
   <div class="card-container">
-  --fcc-editable-region--
     <div class="card" id="sally-adventure-book">
-
+    --fcc-editable-region--
+      
+    --fcc-editable-region--
     </div>
-  --fcc-editable-region--
   </div>
 </body>
 
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec99e478211dc578699944.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68ec99e478211dc578699944.md
@@ -47,13 +47,14 @@ assert.exists(document.querySelector('.card h2 + p'));
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
   <div class="card-container">
-  --fcc-editable-region--
     <div class="card" id="sally-adventure-book">
       <h2>Sally's SciFi Adventure</h2>
-
+    --fcc-editable-region--
+      
+    --fcc-editable-region--
     </div>
-  --fcc-editable-region--
   </div>
 </body>
 
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca11e99e3c5c894ca9d69.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca11e99e3c5c894ca9d69.md
@@ -51,14 +51,15 @@ assert.equal(document.querySelector('.card button')?.innerText.trim(), 'Buy Now'
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
   <div class="card-container">
-  --fcc-editable-region--
     <div class="card" id="sally-adventure-book">
       <h2>Sally's SciFi Adventure</h2>
       <p>This is an epic story of Sally and her dog Rex as they navigate through other worlds.</p>
-
+    --fcc-editable-region--
+      
+    --fcc-editable-region--
     </div>
-  --fcc-editable-region--
   </div>
 </body>
 
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca2a795b333ca5fee30a8.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca2a795b333ca5fee30a8.md
@@ -43,14 +43,16 @@ assert.exists(document.querySelector('.card + .card'));
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
   <div class="card-container">
-  --fcc-editable-region--
     <div class="card" id="sally-adventure-book">
       <h2>Sally's SciFi Adventure</h2>
       <p>This is an epic story of Sally and her dog Rex as they navigate through other worlds.</p>
       <button class="btn">Buy Now</button>
     </div>
-
+    
+  --fcc-editable-region--
+    
   --fcc-editable-region--
   </div>
 </body>
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca3cfeebef2cd8cc5f814.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca3cfeebef2cd8cc5f814.md
@@ -39,17 +39,19 @@ assert.equal(cards[1]?.id, 'dave-cooking-book');
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
   <div class="card-container">
     <div class="card" id="sally-adventure-book">
       <h2>Sally's SciFi Adventure</h2>
       <p>This is an epic story of Sally and her dog Rex as they navigate through other worlds.</p>
       <button class="btn">Buy Now</button>
     </div>
+    
   --fcc-editable-region--
     <div class="card">
-
-    </div>
   --fcc-editable-region--
+      
+    </div>
   </div>
 </body>
 
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca4c4b0f952cf09fabe09.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca4c4b0f952cf09fabe09.md
@@ -39,17 +39,19 @@ assert.equal(cards[1]?.querySelector('h2')?.innerText.trim(), "Dave's Cooking Ad
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
   <div class="card-container">
     <div class="card" id="sally-adventure-book">
       <h2>Sally's SciFi Adventure</h2>
       <p>This is an epic story of Sally and her dog Rex as they navigate through other worlds.</p>
       <button class="btn">Buy Now</button>
     </div>
-  --fcc-editable-region--
+    
     <div class="card" id="dave-cooking-book">
-
+    --fcc-editable-region--
+      
+    --fcc-editable-region--
     </div>
-  --fcc-editable-region--
   </div>
 </body>
 
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca5412b5dd9d06b3d6404.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca5412b5dd9d06b3d6404.md
@@ -50,18 +50,20 @@ assert.exists(cards[1]?.querySelector('h2 + p'));
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
   <div class="card-container">
     <div class="card" id="sally-adventure-book">
       <h2>Sally's SciFi Adventure</h2>
       <p>This is an epic story of Sally and her dog Rex as they navigate through other worlds.</p>
       <button class="btn">Buy Now</button>
     </div>
-  --fcc-editable-region--
+    
     <div class="card" id="dave-cooking-book">
       <h2>Dave's Cooking Adventure</h2>
-
+    --fcc-editable-region--
+      
+    --fcc-editable-region--
     </div>
-  --fcc-editable-region--
   </div>
 </body>
 
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca5c0065c82d256d29ca3.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca5c0065c82d256d29ca3.md
@@ -55,19 +55,21 @@ assert.equal(cards[1]?.querySelector('button')?.innerText.trim(), 'Buy Now');
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
   <div class="card-container">
     <div class="card" id="sally-adventure-book">
       <h2>Sally's SciFi Adventure</h2>
       <p>This is an epic story of Sally and her dog Rex as they navigate through other worlds.</p>
       <button class="btn">Buy Now</button>
     </div>
-  --fcc-editable-region--
+    
     <div class="card" id="dave-cooking-book">
       <h2>Dave's Cooking Adventure</h2>
       <p>This is the story of Dave as he learns to cook everything from pancakes to pasta, one recipe at a time.</p>
-  
+    --fcc-editable-region--
+      
+    --fcc-editable-region--
     </div>
-  --fcc-editable-region--
   </div>
 </body>
 
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca6364c5616d393389a30.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca6364c5616d393389a30.md
@@ -62,22 +62,25 @@ assert.exists(document.querySelector('p + .btn-container'));
 </head>
 
 <body>
---fcc-editable-region--
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
   <div class="card-container">
     <div class="card" id="sally-adventure-book">
       <h2>Sally's SciFi Adventure</h2>
       <p>This is an epic story of Sally and her dog Rex as they navigate through other worlds.</p>
       <button class="btn">Buy Now</button>
     </div>
+    
     <div class="card" id="dave-cooking-book">
       <h2>Dave's Cooking Adventure</h2>
       <p>This is the story of Dave as he learns to cook everything from pancakes to pasta, one recipe at a time.</p>
       <button class="btn">Buy Now</button>
     </div>
   </div>
-
+  
+--fcc-editable-region--
+  
 --fcc-editable-region--
 </body>
 
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca6e5a6759ed4ea0034dc.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca6e5a6759ed4ea0034dc.md
@@ -88,24 +88,28 @@ assert.equal(buttons[1]?.innerText.trim(), 'Checkout');
 <body>
   <h1>XYZ Bookstore</h1>
   <p>Browse our collection of amazing books!</p>
+  
   <div class="card-container">
     <div class="card" id="sally-adventure-book">
       <h2>Sally's SciFi Adventure</h2>
       <p>This is an epic story of Sally and her dog Rex as they navigate through other worlds.</p>
       <button class="btn">Buy Now</button>
     </div>
+    
     <div class="card" id="dave-cooking-book">
       <h2>Dave's Cooking Adventure</h2>
       <p>This is the story of Dave as he learns to cook everything from pancakes to pasta, one recipe at a time.</p>
       <button class="btn">Buy Now</button>
     </div>
   </div>
---fcc-editable-region--
+  
   <p>Review your selections and continue to checkout.</p>
+  
   <div class="btn-container">
-
+  --fcc-editable-region--
+    
+  --fcc-editable-region--
   </div>
---fcc-editable-region--
 </body>
 
 </html>
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/69134d14150d51f8066a3246.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/69134d14150d51f8066a3246.md
@@ -38,12 +38,13 @@ assert.match(code, /<\/head>[\s\S]*<body>[\s\S]*<\/body>[\s\S]*<\/html>/i);
 
 ```html
 <!DOCTYPE html>
---fcc-editable-region--
 <html lang="en">
 <head>
+--fcc-editable-region--
+  
   <title>XYZ Bookstore Page</title>
 </head>
 
-</html>
 --fcc-editable-region--
+</html>
 ```
diff --git a/curriculum/challenges/english/blocks/workshop-bookstore-page/691f85085787a8c4ca589fbb.md b/curriculum/challenges/english/blocks/workshop-bookstore-page/691f85085787a8c4ca589fbb.md
@@ -36,12 +36,13 @@ assert.match(code, /<head>[\s\S]*<title>[\s\S]*<\/title>[\s\S]*<\/head>/i);
 ## --seed-contents--
 
 ```html
-  --fcc-editable-region--
 <!DOCTYPE html>
 <html lang="en">
 <head>
-
+--fcc-editable-region--
+  
+--fcc-editable-region-- 
 </head>
-  --fcc-editable-region-- 
+
 </html>
 ```
