@@ -79,7 +79,7 @@
 <body>
     <form>
       <fieldset>
-        <legend>Check shipping details</legend>
+        <legend contenteditable="true">Check shipping details</legend>
         <div>
           <label for="name">Name: </label>
           <input id="name" name="name" type="text"
 
@@ -26,6 +26,10 @@
 
   </body>
   <script>
+    const section = document.querySelector('section');
+
+    let para1 = document.createElement('p');
+    let para2 = document.createElement('p');
     let motherInfo = 'The mother cats are called ';
     let kittenInfo;
 
@@ -45,10 +49,6 @@
       para2.textContent = kittenInfo;
     }
 
-    const section = document.querySelector('section');
-
-    let para1 = document.createElement('p');
-    let para2 = document.createElement('p');
     section.appendChild(para1);
     section.appendChild(para2);
   </script>
 
@@ -24,6 +24,10 @@
     </section>
 
     <textarea class="playable playable-js" style="height: 220px;">
+const section = document.querySelector('section');
+
+let para1 = document.createElement('p');
+let para2 = document.createElement('p');
 
 let motherInfo = 'The mother cats are called ';
 let kittenInfo;
@@ -46,8 +50,6 @@
   para2.textContent = kittenInfo;
 }
 
-let para1 = document.createElement('p');
-let para2 = document.createElement('p');
 section.appendChild(para1);
 section.appendChild(para2);
     </textarea>
 
@@ -23,6 +23,10 @@ Some hints/questions:
 Your code should look something like this:
 
 ```
+let section = document.querySelector('.preview');
+let para1 = document.createElement('p');
+let para2 = document.createElement('p');
+
 let motherInfo = 'The mother cats are called ';
 let kittenInfo;