Merge pull request #24 from techswitch-learners/mm-009-style-form

Mm 009 style form

src/Home/Home.scss

@@ -2,4 +2,23 @@
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
+}
+
+.form {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+label {
+    margin: 10pix
+}
+
+input {
+    margin: 10px;
+}
+
+button {
+    margin: 10px;
 }

src/Home/Home.tsx

@@ -29,7 +29,7 @@ function Home(props:HomeProps) {
         <>
             <main className="home-content" style={{ backgroundImage: `url(${homeBackgroundImage})` }}>
                 {/* Other components and content */}
-                <form onSubmit={handleSubmit}>
+                <form className="form" onSubmit={handleSubmit}>
                     <label>Enter name:
                         <input type="text"
                             value={props.username}