From 4f8b5e5cdc724004b26e88f9ca5fc65e032d7b97 Mon Sep 17 00:00:00 2001
From: Mike Smith <89040888+smiggiddy@users.noreply.github.com>
Date: Sat, 4 Nov 2023 10:05:32 -0400
Subject: [PATCH] feat: more styling

---
 signup_form/css/style.css | 11 +++++------
 signup_form/index.html    |  9 +++++----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/signup_form/css/style.css b/signup_form/css/style.css
index 3bafcae..46ea19b 100644
--- a/signup_form/css/style.css
+++ b/signup_form/css/style.css
@@ -28,13 +28,11 @@
     font-size: 14px;
   }
   
-  .form-input label {
+.form-input label {
     margin-bottom: 15px;
-  }
-
-
-  @media only screen and (min-width: 700px) {
+}
 
+@media only screen and (min-width: 700px) {
     .container {
         height: 95vh;
     }
@@ -62,4 +60,5 @@
         margin-top: 7px;
         padding-right: 20px;
     }
-  }
+}
+
diff --git a/signup_form/index.html b/signup_form/index.html
index b50fd4b..d5c213a 100644
--- a/signup_form/index.html
+++ b/signup_form/index.html
@@ -19,19 +19,20 @@
             <form action="" method="post">
                 <div class="form-input">
                     <label for="name">Name</label>
-                    <input type="text" name="" id="name" placeholder="Enter your name.">
+                    <input type="text" name="name" id="name" placeholder="Enter your name." required>
                 </div>
                 <div class="form-input">
                     <label for="email">Email</label>
-                    <input type="email" name="email" id="email" placeholder="you@example.com">
+                    <input type="email" name="email" id="email" placeholder="you@example.com" required>
                 </div>
                 <div class="form-input">
                     <label for="password">Password</label>
-                    <input type="password" name="" id="password">
+                    <input type="password" name="password" id="password" required minlength="8">
                 </div>
                 <div class="form-input">
                     <label for="password_confirmation">Confirm Password</label>
-                    <input type="password" name="" id="password_confirmation">
+                    <input type="password" name="password_confirmation" id="password_confirmation" required
+                        minlength="8">
                 </div>
                 <button type="submit">Sign Up</button>
             </form>