Mobile layout size rectified

vishalsanghai · Jan 11, 2018 · 906e1e5 · 906e1e5
1 parent a23df09
commit 906e1e5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/css/index.css b/css/index.css
@@ -751,8 +751,9 @@ background: linear-gradient(to left, #141e30, #243b55); /* W3C, IE 10+/ Edge, Fi
 	text-align: center;
 }
 .smaller{
+	padding-top: 15px;
 	font-size: x-large;
-	line-height: 1;
+	line-height: 1.4;
 }
 .formWant{
 	color:var(--mblue4);
@@ -761,6 +762,17 @@ background: linear-gradient(to left, #141e30, #243b55); /* W3C, IE 10+/ Edge, Fi
 	padding-bottom: 20px;
 	text-align: center;
 }
+@media(max-width: 800px){
+	.aa{
+		font-size: 2rem;
+	}
+	.smaller{
+		font-size: 1.2rem;
+	}
+	.formWant{
+		font-size: 1.5rem;
+	}
+}
 .formContainer{
 	color:var(--mblue4);
 	font-size: x-large;

diff --git a/index.html b/index.html
@@ -474,9 +474,11 @@ <h2>Smart Traffic Management for Geo-fenced areas</h2>
         <div class="row justify-content-center">
           <div class="col-sm-auto">
             <div class="aa">
-              Why choose Trackyo?<br>
-              <span class="smaller">Our connected vehicle technology platform has proven to be
-              <p>much more effective than the currently used alternative solutions</span>
+              <div>
+                Why choose Trackyo?
+              </div>
+              <div class="smaller">Our connected vehicle technology platform has proven to be
+              <p>much more effective than the currently used alternative solutions</div>
             </div>
           </div>
         </div>