fix(resources): use title key from firebase. Adjust layout a bit

Author: Eric Jimenez

public/resources/css/module/_resources.scss

@@ -1,10 +1,10 @@
 .resources {
   display: flex;
   justify-content: space-between;
-  flex-wrap: wrap;
   flex-direction: row-reverse;
 
-  @media(max-width: 400px) {
+  @media(max-width: 768px) {
+    justify-content: center;
     flex-direction: column-reverse;
   }
 

public/resources/index.ejs

@@ -5,10 +5,10 @@
         <div>
             <h1 class="capitalize">{{category}}</h1>
             <div ng-repeat="section in categoryContent">
-                <div class="grid-fluid" ng-repeat="(subsectionName, subsectionArray) in section">
+                <div ng-repeat="(subsectionName, subsectionObj) in section">
                     <div>
-                        <h2 class="capitalize">{{ subsectionName }}</h2>
-                        <ul ng-repeat="resource in subsectionArray.resources">
+                        <h2>{{ subsectionObj.title }}</h2>
+                        <ul ng-repeat="resource in subsectionObj.resources">
                             <li ng-if="resource.rev"><a target="_blank" href="{{resource.url}}">{{ resource.title }}</a></li>
                         </ul>
                     </div>