wip page made responsive

HappyBots · Jul 14, 2016 · d3e6d0b · d3e6d0b
1 parent 3a339b0
commit d3e6d0b
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 10 deletions.
diff --git a/app/styles/_socialbuttons.scss b/app/styles/_socialbuttons.scss
@@ -4,6 +4,17 @@
 }
 
 
+@media (max-width: $screen-sm-min) {
+
+  .social-center {
+    margin: auto;
+    width: 50%;
+    padding: 10px;
+    margin-bottom: 100px;
+  }
+
+}
+
 .social {
    ul {
     overflow: auto;

diff --git a/app/styles/_wip.scss b/app/styles/_wip.scss
@@ -1,14 +1,10 @@
 .wip {
 
-		h2 {
-	      margin-bottom: 30px;
-				text-transform: uppercase;
-				font-size: 4rem;
-	    }
+			h2 {
+		      margin-bottom: 30px;
+					font-size: 3rem;
+		    }
 
-			h3 {
-				font-size: 3rem;
-			}
 
 			.text-block {
 				margin-top: 30px;
@@ -66,3 +62,15 @@
 
 
 }
+
+
+@media (max-width: $screen-sm-min) {
+
+  .wip {
+      h2 {
+        font-size: 2rem;
+      }
+
+  }
+
+}
diff --git a/app/views/wip.html b/app/views/wip.html
@@ -1,11 +1,11 @@
-<section class="wip center" style="background: url(images/wipBg2.png) no-repeat center fixed; background-size: cover;"> 
+<section class="wip center" style="background: url(images/wipBg2.png) no-repeat center fixed; background-size: cover;">
   <div class="container">
     <div class="row">
       <div class="col-sm-5 col-sm-offset-1 vcenter">
         <img src="images/wip.png" class="img-responsive moving-animation" alt="" />
       </div>
       <div class="col-sm-5 center-col vcenter">
-        <h3>Oh my god! {{ newBotName }} is hatching! It will grow up to be the best {{ feature }} bot!</h3>
+        <h2>Oh my god! {{ newBotName }} is hatching! It will grow up to be the best {{ feature }} bot!</h2>
 
         <div class="text-block">
           <p class="text">We build bots with <i class="fa fa-heart love" aria-hidden="true"></i><br><a class="cursor-link" onclick="showDoorbellModal()">Contact us</a> if you need a bot for your company :)</p>