mobile

Author: kris-jusiak

_includes/css/grayscale.css

@@ -126,6 +126,19 @@ a:focus {
     padding: 0px 0;
     text-align: center;
     color: #fff;
+    background: url(/img/bg.jpg) no-repeat bottom center scroll;
+    background-color: {{ site.color.primary-dark }};
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    background-size: cover;
+    -o-background-size: cover;
+    box-sizing: border-box;
+}
+
+.container img {
+  width: 100%; /* Makes the image fill its container */
+  height: auto; /* Maintains aspect ratio */
+  display: block; /* Removes any extra space caused by inline-block */
 }
 
 
@@ -146,12 +159,6 @@ a:focus {
     .intro {
         height: 100%;
         padding: 0;
-    background: url(/img/bg.jpg) no-repeat bottom center scroll;
-    background-color: {{ site.color.primary-dark }};
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    background-size: cover;
-    -o-background-size: cover;
     }
 
     .intro .intro-body .brand-heading {

_includes/header.html

@@ -4,7 +4,7 @@
             <div class="container">
                 <div class="row">
                     <div class="col-md-8 col-md-offset-2">
-                        <a href="https://github.com/qlibs"><img src="img/qlibs_logo.png" width="90%;"/></a>
+                        <img src="img/qlibs_logo.png" width="90%;"/>
                         <p class="intro-text">{{ site.description }}<br>
                         <br />
                         <a href="#about" class="btn btn-circle page-scroll">