CodeYourFuture
diff --git a/‎Form-Controls/index.html‎
Lines changed: 13 additions & 5 deletions b/‎Form-Controls/index.html‎
Lines changed: 13 additions & 5 deletions
diff --git a/‎Form-Controls/styles.css‎
Lines changed: 5 additions & 6 deletions b/‎Form-Controls/styles.css‎
Lines changed: 5 additions & 6 deletions
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8" />
+    <meta charset="utf-8" >
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>My form exercise</title>
     <meta name="description" content="Order form" />
@@ -31,20 +31,24 @@ <h1>Product Pick</h1>
           <label for="email">Please Enter your Email:</label>
           <input type="email" id="email" required /><br />
         </div>
+
+        
         <div class="colorSelection">
-          <label for="colorOption">Please pick a color:</label> <br />
+          <p id="colors">Please pick a color:</p> <br />
           <div class="colorOption">
             <label for="blueOption">Blue</label>
-            <div class="square" id="blueOptions">
+            <div class="square"  id="blueOptions">
               <input type="radio" name="color" id="blueOption" value="blue" />
             </div>
           </div>
+          
           <div class="colorOption">
             <label for="greenOption">Green</label>
             <div class="square" id="greenOptions">
               <input type="radio" name="color" id="greenOption" value="green" />
             </div>
           </div>
+          
           <div class="colorOption">
             <label for="redOption">Red</label>
             <div class="square" id="redOptions">
@@ -57,9 +61,13 @@ <h1>Product Pick</h1>
               />
             </div>
           </div>
+        
+        
+        
+        
         </div>
         <div id="sizediv">
-          <label for="sizeOption">Please select the t-shirt size:</label> <br />
+          <p id="sizeOption">Please select the t-shirt size:</p> <br />
           <div class="colorSelection">
             <div class="sizeOption">
               <label for="xs">XS</label>
@@ -110,7 +118,7 @@ <h1>Product Pick</h1>
     </main>
 
     <footer>
-      <h5>By Abdennour Hachemi</h5>
+      <p>By Abdennour Hachemi</p>
     </footer>
   </body>
 </html>
@@ -29,7 +29,7 @@
 }
 
 #sizediv {
-  margin: 20px 20px;
+  margin: 20px 0 0 20px;
 }
 
 #fn,
@@ -38,16 +38,15 @@
   margin: 20px 20px;
 }
 
-form
-
- {
+form {
   padding-top: 2%;
   margin-right: 50%;
   margin-left: 25%;
   background-color: bisque;
 }
 
-h1,h5{
+h1,
+h5 {
   margin-left: 30%;
 }
 
@@ -63,4 +62,4 @@ input[type="submit"] {
   border-radius: 6px;
   cursor: pointer;
   transition: background-color 0.15s ease;
-}
+}
Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`#sizediv {`
`32`		`- margin: 20px 20px;`
	`32`	`+ margin: 20px 0 0 20px;`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`#fn,`
`@@ -38,16 +38,15 @@`
`38`	`38`	`margin: 20px 20px;`
`39`	`39`	`}`
`40`	`40`
`41`		`-form`
`42`		`-`
`43`		`- {`
	`41`	`+form {`
`44`	`42`	`padding-top: 2%;`
`45`	`43`	`margin-right: 50%;`
`46`	`44`	`margin-left: 25%;`
`47`	`45`	`background-color: bisque;`
`48`	`46`	`}`
`49`	`47`
`50`		`-h1,h5{`
	`48`	`+h1,`
	`49`	`+h5 {`
`51`	`50`	`margin-left: 30%;`
`52`	`51`	`}`
`53`	`52`
`@@ -63,4 +62,4 @@ input[type="submit"] {`
`63`	`62`	`border-radius: 6px;`
`64`	`63`	`cursor: pointer;`
`65`	`64`	`transition: background-color 0.15s ease;`
`66`		`-}`
	`65`	`+}`