fix(curriculum) - Add class box in json apis and ajax (#37725)

* Add class box in json apis and ajax

* Remove .box in id & add .box in seed code

curriculum/challenges/english/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.english.md

@@ -91,7 +91,7 @@ tests:
   }
 </style>
 <h1>Cat Photo Finder</h1>
-<p class="message">
+<p class="message box">
   The message will go here
 </p>
 <p>

curriculum/challenges/english/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.english.md

@@ -73,7 +73,7 @@ tests:
   }
 </style>
 <h1>Cat Photo Finder</h1>
-<p class="message">
+<p class="message box">
   The message will go here
 </p>
 <p>

curriculum/challenges/english/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.english.md

@@ -113,7 +113,7 @@ tests:
   }
 </style>
 <h1>Cat Photo Finder</h1>
-<p class="message">
+<p class="message box">
   The message will go here
 </p>
 <p>

curriculum/challenges/english/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.english.md

@@ -97,7 +97,7 @@ tests:
   }
 </style>
 <h1>Cat Photo Finder</h1>
-<p id="message">
+<p id="message" class="box">
   The message will go here
 </p>
 <p>
@@ -155,7 +155,7 @@ tests:
   }
 </style>
 <h1>Cat Photo Finder</h1>
-<p id="message">
+<p id="message" class="box">
   The message will go here
 </p>
 <p>

curriculum/challenges/english/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.english.md

@@ -100,7 +100,7 @@ tests:
   }
 </style>
 <h1>Cat Photo Finder</h1>
-<p class="message">
+<p class="message box">
   The message will go here
 </p>
 <p>
@@ -161,7 +161,7 @@ tests:
   }
 </style>
 <h1>Cat Photo Finder</h1>
-<p class="message">
+<p class="message box">
   The message will go here
 </p>
 <p>

curriculum/challenges/english/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.english.md

@@ -83,7 +83,7 @@ tests:
   }
 </style>
 <h1>Cat Photo Finder</h1>
-<p class="message">
+<p class="message box">
   The message will go here
 </p>
 <p>

curriculum/challenges/english/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.english.md

@@ -103,7 +103,7 @@ tests:
   }
 </style>
 <h1>Cat Friends</h1>
-<p class="message">
+<p class="message box">
   Reply from Server will be here
 </p>
 <p>

curriculum/challenges/english/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.english.md

@@ -94,7 +94,7 @@ tests:
   }
 </style>
 <h1>Cat Photo Finder</h1>
-<p class="message">
+<p class="message box">
   The message will go here
 </p>
 <p>

curriculum/challenges/english/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.english.md

@@ -85,7 +85,7 @@ tests:
   }
 </style>
 <h1>Cat Photo Finder</h1>
-<p class="message">
+<p class="message box">
   The message will go here
 </p>
 <p>