diff --git a/src/css/chennanxu.css b/src/css/chennanxu.css
index 1a4510c..290f852 100644
--- a/src/css/chennanxu.css
+++ b/src/css/chennanxu.css
@@ -1,5 +1,7 @@
 body {
     background: url("../img/background.png");
+    background-size: cover;
+    background-repeat: no-repeat;
 }
 
 .ui.header {
@@ -23,7 +25,7 @@ body {
     position: absolute;
     top: 30%;
     width: inherit;
-    margin-left: 120px;
+    margin-left: 10%;
 }
 
 .about {
@@ -42,9 +44,14 @@ body {
 
 .button {
     position: absolute;
-    left: 47%;
+    left: 75%;
 }
 
+.sign {
+    position: absolute;
+    transform: translate(-100%, 0);
+    left: 60%;
+}
 .footer {
     position: absolute;
     top: 85%;
diff --git a/src/login.html b/src/login.html
index 95c8f21..a050317 100644
--- a/src/login.html
+++ b/src/login.html
@@ -21,36 +21,39 @@ <h2 class="subtitle">QAEngine aims to take the knowledge sharing experience to a
                 </div>
             </div>
             <div class="column">
-                <div class="ui inverted text menu">
-                    <div class="item">
-                        <a href="#">SIGN IN</a>
-                    </div>
-                    <div class="item">
-                        or
-                    </div>
-                    <div class="item">
-                        <a href="#">SIGN UP</a>
+                <div class="sign" style="width:450px;height:180px;">
+                    <div class="ui inverted text menu">
+                        <div class="item">
+                            <a href="#">SIGN IN</a>
+                        </div>
+                        <div class="item">
+                            or
+                        </div>
+                        <div class="item">
+                            <a href="#">SIGN UP</a>
+                        </div>
                     </div>
-                </div>
-                <div class="ui form">
-                    <div class="fields">
-                        <div class="field">
-                            <div class="ui icon input">
-                                <input type="email" name="user_email" / placeholder="Email" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
-                                <i class="mail outline inverted icon"></i>
+                    <div class="ui form">
+                        <div class="fields">
+                            <div class="field">
+                                <div class="ui icon input">
+                                    <input type="email" name="user_email" / placeholder="Email" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
+                                    <i class="mail outline inverted icon"></i>
+                                </div>
+                                <label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Remember me</a></label>
                             </div>
-                            <label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Remember me</a></label>
-                        </div>
-                        <div class="field">
-                            <div class="ui icon input">
-                                <input type="password" placeholder="Password" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
-                                <i class="key inverted icon"></i>
+                            <div class="field">
+                                <div class="ui icon input">
+                                    <input type="password" placeholder="Password" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
+                                    <i class="key inverted icon"></i>
+                                </div>
+                                <label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Forget password?</a></label>
                             </div>
-                            <label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Forget password?</a></label>
                         </div>
                     </div>
+                    <button type="button" name="button" class="ui inverted grey button">Sign In</button>
                 </div>
-                <button type="button" name="button" class="ui inverted grey button">Sign In</button>
+
             </div>
         </div>
     </div>