CodeYourFuture
diff --git a/‎Form-Controls/README.md‎
Lines changed: 7 additions & 7 deletions b/‎Form-Controls/README.md‎
Lines changed: 7 additions & 7 deletions
diff --git a/‎Form-Controls/index.html‎
Lines changed: 19 additions & 17 deletions b/‎Form-Controls/index.html‎
Lines changed: 19 additions & 17 deletions
@@ -4,12 +4,12 @@
 
 <!--{{<objectives>}}>-->
 
-- [ ] Interpret requirements and check against a list of criteria
-- [ ] Write a valid form
-- [ ] Test with Devtools
+- [x] Interpret requirements and check against a list of criteria
+- [x] Write a valid form
+- [x] Test with Devtools
 - [ ] Refactor using Devtools
-- [ ] Use version control by committing often and pushing regularly to GitHub
-- [ ] Develop the habit of writing clean, well-structured, and error-free code
+- [x] Use version control by committing often and pushing regularly to GitHub
+- [x] Develop the habit of writing clean, well-structured, and error-free code
 <!--{{<objectives>}}>-->
 
 ## Task
@@ -34,8 +34,8 @@ Do not write a form action for this project.
 
 Let's write out our testable criteria. Check each one off as you complete it.
 
-- [ ] I have only used HTML and CSS.
-- [ ] I have not used any JavaScript.
+- [x] I have only used HTML and CSS.
+- [x] I have not used any JavaScript.
 
 ### HTML
 
 
@@ -10,36 +10,41 @@
    <style>
     body {
         font-family: Helvetica;
-        font-size: 30px
+        font-size: 30px;
     }
     form {
         display: flex;
         flex-direction: column;
         gap: 10px;
     }
     input, select {
-        font-size: 20px;
+        font-size: 25px;
     }
     button {
-        font-size: 20px;
-        width: 100px;
+        font-size: 25px;
+        width: 90px;
     }
+    #name {
+    width: 500px;
+  }
+    #email {
+    width: 500px;
+  }
+
+    #submit {
+    width: 150px;
+  }
     </style>
   <body>
     <header>
       <h1>T-Shirts</h1>
     </header>
     <main>
       <form>
-         <div>
-        <label>Name</label>
-        <input>
-     </div>
-     <div> 
-        <label>Email</label>
-        <input>
-     </div>
-<div>
+        <label for="name">Name</label>
+        <input id="name" type="text"/>
+        <label for="email">Email</label>
+        <input id="email" type="email"/>
     <label>Size
         <select>
             <option value="xsmall">XS</option>
@@ -50,17 +55,14 @@ <h1>T-Shirts</h1>
             <option value="xxlarge">XXL</option>
         </select>
     </label>
-</div>     
-<div>
     <label>Colour
         <select>
             <option value="yellow">Yellow</option>
             <option value="black">Black</option>
             <option value="pink">Pink</option>
         </select>
     </label>
-</div>
-        <button>Submit</button>
+        <button id="submit">Submit</button>
       </form>
     </main>
     <footer>