diff --git a/src/static/css/index.css b/src/static/css/index.css
index 1fdd337..98145bf 100644
--- a/src/static/css/index.css
+++ b/src/static/css/index.css
@@ -86,4 +86,71 @@ i{
     height:100vh;
     color:black;
     padding:2%;
+}
+/*for tab*/
+@media screen and (min-width: 601px) and (max-width: 992px) {
+    body {
+        flex-direction: column;
+    }
+    #showpage {
+        margin-left: 250px;
+    }
+    #timer {
+        height: auto;
+        margin-left: 250px;
+    }
+    #timer-head {
+        font-size: 24px;
+    }
+    #seconds, #minutes {
+        font-size: 3.5em;
+    }
+    #colon {
+        font-size: 3.5em;
+    }
+    #form {
+        width: 60vw;
+        margin-left: 5vw;
+    }
+    #history {
+        margin-left: 250px;
+    }
+}
+
+/* for mobile*/
+@media screen and (max-width: 600px) {
+    body {
+        flex-direction: column;
+    }
+    #showpage {
+        margin-left: 0;
+        margin-right: 0;
+        padding: 5%;
+        height: auto;
+    }
+    #timer {
+        height: auto;
+        padding: 5%;
+        margin-top: 20px;
+    }
+    #timer-head {
+        font-size: 20px;
+    }
+    #seconds, #minutes {
+        font-size: 2.5em;
+    }
+    #colon {
+        font-size: 2.5em;
+    }
+    #form {
+        width: 90vw;
+        margin-left: 0;
+    }
+    #scan-port-button {
+        margin: 1vw 0 1vw 25vw;
+    }
+    #history {
+        height: auto;
+        padding: 5%;
+    }
 }
\ No newline at end of file
diff --git a/src/templates/index.html b/src/templates/index.html
index 86a148f..cf409de 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -36,7 +36,7 @@
             <li><a href="#!">About</a></li>
             <li><a href="#!">Contact</a></li>
             <center>
-                <a href="https://github.com/vinitshahdeo/PortScanner">
+                <a href="https://github.com/vinitshahdeo/PortScanner" style="display: block; text-align: center;">
                     <i class="fa fa-github" style=" font-size:48px; color:#3b6978">
                     </i>
                 </a>
@@ -102,6 +102,17 @@ <h5>Scanning remote host {{ host }} between range {{ range_low }} to {{ range_hi
                 <h5>Scanning completed in {{ total }} time.</h5>
             </div>
         </div>
+            <div id="timer">
+            <span id="timer-head">Timer</span>
+            <div id="line2"></div>
+            <span id="timer-text">Time taken to fetch results</span>
+
+            <div id="time-taken">
+                <label id="minutes">00</label>
+                <label id="colon">:</label>
+                <label id="seconds">00</label>
+            </div>
+        </div>
     </div>
     <div id="history">
         <span id="timer-head">History</span>
@@ -109,20 +120,6 @@ <h5>Scanning completed in {{ total }} time.</h5>
         <span id="timer-text">Last 10 scans</span>
     </div>
 
-
-    <div id="timer">
-        <span id="timer-head">Timer</span>
-        <div id="line2"></div>
-        <span id="timer-text">Time taken to fetch results</span>
-
-        <div id="time-taken">
-            <label id="minutes">00</label>
-            <label id="colon">:</label>
-            <label id="seconds">00</label>
-        </div>
-    </div>
-
-
 </body>
 
 </html>
\ No newline at end of file