added css

Author: edinakurdi

Form-Controls/index.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>My form exercise</title>
+    <link rel="stylesheet" href="style.css" />
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
@@ -77,9 +78,9 @@ <h1>Product Pick</h1>
           </div>
         </fieldset>
         <!-- submit and reset added  -->
-        <div>
-          <button type="submit">Submit</button>
-          <button type="reset">Clear form</button>
+        <div class="buttons">
+          <button class="submit-btn" type="submit">Submit</button>
+          <button class="reset-btn" type="reset">Clear form</button>
         </div>
       </form>
     </main>

Form-Controls/style.css

@@ -0,0 +1,41 @@
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    line-height: 1.5;
+    margin: 2rem;
+}
+
+form {
+    max-width: 400px;
+    margin: 0 auto;
+}
+
+
+div {
+    margin-bottom: 1rem;
+}
+
+
+label {
+    display: inline-block;
+    width: 120px;
+}
+
+button {
+    padding: 0.5rem 1rem;
+    border-radius: 5px;
+}
+
+.submit-btn {
+    background-color: #4CAF50;
+}
+
+.reset-btn{
+    background-color: #FFD8A8;
+    color: black;
+}
+
+.buttons{
+    text-align: center;
+    margin-top: 1.5rem;
+}
+