mobile libs

Author: kris-jusiak

_includes/css/styles.css

@@ -88,13 +88,15 @@ body {
 
 .repo-container {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(3, 1fr);
   gap: 0px;
 }
 
-@media (min-width: 960px) {
+@media (max-width: 768px) {
   .repo-container {
-    grid-template-columns: repeat(3, 1fr);
+    width: 90%;
+    max-width: 90%;
+    grid-template-columns: repeat(2, 1fr);
   }
 }
 

_includes/libraries.html

@@ -1,14 +1,14 @@
   <script src="js/uikit.min.js"></script>
   <script src="js/uikit-icons.min.js"></script>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
-  <!--<script src="js/github.js"></script>-->
+  <script src="js/github.js"></script>
 
     <section id="libraries" class="container content-section text-center">
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2">
                 <h2>Libraries</h2>
                 <hr />
-                <!--<div class="repo-container" id="repo-box"></div>-->
+                <div class="repo-container" id="repo-box"></div>
                 <hr />
             </div>
         </div>