Style for the login/register form done

src/components/Identify Childrens/LoginForm.jsx

@@ -3,8 +3,8 @@ import React from 'react'
 const LoginForm = () => {
     return (
         <form>
-            <input type="email" placeholder="email"></input>
-            <input type="password" placeholder="password"></input>
+            <input type="email" placeholder="Email"></input>
+            <input type="password" placeholder="Password"></input>
             <input type="submit"></input>
         </form>
     )

src/components/Identify Childrens/RegisterForm.jsx

@@ -3,9 +3,9 @@ import React from 'react'
 const RegisterForm = () => {
     return (
         <form>
-            <input type="email" placeholder="email"></input>
-            <input type="password" placeholder="password"></input>
-            <input type="password" placeholder="confirm password"></input>
+            <input type="email" placeholder="Email"></input>
+            <input type="password" placeholder="Password"></input>
+            <input type="password" placeholder="Confirm Password"></input>
             <input type="submit"></input>
         </form>
     )

src/components/Identify.jsx

@@ -6,25 +6,31 @@ import RegisterForm from './Identify Childrens/RegisterForm'
 const Identify = () => {
     const [act, setAct] = useState('register')
 
-    
-
     return (
-        <div>
-            <nav>
-                <div>
-                    <h2>LOGIN</h2>
+        <div className="identify-container">
+            
+            <div className="identify">
+
+                <nav className="options-container">
+
+                    <div className="option">
+                        <h2>LOGIN</h2>
+                    </div>
+
+                    <div className="option">
+                        <h2>REGISTER</h2>
+                    </div>
+
+                </nav>
+
+                <div className="form-container">
+                {
+                    act === 'login' ? <LoginForm /> : null    
+                }
+                {
+                    act === 'register' ? <RegisterForm /> : null
+                }
                 </div>
-                <div>
-                    <h2>REGISTER</h2>
-                </div>
-            </nav>
-            <div>
-            {
-                act === 'login' ? <LoginForm /> : null    
-            }
-            {
-                act === 'register' ? <RegisterForm /> : null
-            }
             </div>
         </div>
     )