changed p tags to div tags

Author: libanj0161

Form-Controls/index.html

@@ -15,52 +15,54 @@ <h1>Product Pick</h1>
     <form>
 
       <!-- Name input -->
-      <p>
+      <div>
         <label for="name">Name</label><br>
         <input type="text" id="name" name="user_name"
           placeholder="John Smith"
           required minlength="2">
-      </p>
+      </div>
+      <br>
 
       <!-- Email input -->
-      <p>
+      <div>
         <label for="email">Email</label><br>
         <input type="email" id="email" name="user_email"
           placeholder="johnsmith@hotmail.com"
           required minlength="5">
-      </p>
+      </div>
+      <br>
 
       <!-- Colour selection -->
       <fieldset>
         <legend>Colour</legend>
 
-        <p>
+        <div>
           <label>
             <input type="radio" name="colour" value="red" required>
             Red
           </label>
-        </p>
-        <p>
+        </div>
+        <div>
           <label>
             <input type="radio" name="colour" value="blue">
             Blue
           </label>
-        </p>
-        <p>
+        </div>
+        <div>
           <label>
             <input type="radio" name="colour" value="green">
             Green
           </label>
-        </p>
+        </div>
       </fieldset>
+      <br>
 
       <!-- Size selection -->
       <fieldset>
         <legend>Select Size</legend>
 
         <div>
-          <label for="size">Select Size</label><br>
-          <select id="size" name="size" required>
+            <select id="size" name="size" required>
             <option value="" selected disabled>Select a size</option>
             <option value="xs">XS</option>
             <option value="s">S</option>
@@ -69,13 +71,14 @@ <h1>Product Pick</h1>
             <option value="xl">XL</option>
             <option value="xxl">XXL</option>
           </select>
-        </p>
+        </div>
       </fieldset>
+      <br>
 
       <!-- Submit button -->
-      <p>
+      <div>
         <button type="submit">Submit</button>
-      </p>
+      </div>
 
     </form>
   </main>