Added Grid Container

Author: CraigStodd

Form-Controls/index.html

@@ -19,6 +19,9 @@ <h2> Verify your order and details below:</h2>
 
         <!-- REQUIREMENTS:
          Each requirement is listed as a comment with the corresponding code below it-->
+
+         <div class="grid-container">
+
         <!-- 1.Customer's name - ensure it contains at least two non-space characters. -->
                <div>
                   <p>
@@ -40,7 +43,9 @@ <h2> Verify your order and details below:</h2>
           <p>
             <label for="T-Shirt Colour"> T-Shirt Colour: </label>
             <select name="T-Shirt Colour" id="T-Shirt Colour">
+
               <option selected disabled > Select a colour </option>
+
               <option label="Red" value="Red"> Red </option>
 
               <option label="Blue" value="Blue"> Blue </option>
@@ -52,9 +57,9 @@ <h2> Verify your order and details below:</h2>
 
          <!-- 4.Provide size options -XS, S, M, L, XL, XXL -->
             <div>
-            <p>T-Shirt Size:</p>
-            
-            <p>
+              <p>T-Shirt Size:</p>
+
+             <p>
             <label>XS:</label>
               <input type = "radio" id = "XS" name = "Size" value = "XS">
 
@@ -74,6 +79,9 @@ <h2> Verify your order and details below:</h2>
               <input type = "radio" id = "XXL" name = "Size" value = "XXL">
             </p>
           </div>
+        </div>
+
+      <br>
 
       <div>
         <button type="submit">Submit</button>

Form-Controls/mystyle.css

@@ -10,4 +10,11 @@ h2 {font-weight: lighter;}
 /* Paragraph */
 
 p {font-family: verdana;
-font-size: 90%;}
+font-size: 90%;}
+
+.grid-container {border-style: solid;
+    border-width: 1px;
+    padding: 5px;
+max-width:min-content;}
+
+.column {align-content: center;}