styling - header padding adjust, commenting

vue-theme/src/pages/index.vue

@@ -12,18 +12,18 @@
                 li.shadow(v-for="sticky in allSticky")
                     card(:content="sticky" :type="`${sticky.type}s`")
         
-        //- firstRow: ['episodes', 'exhibitions', 'events', 'artists', 'posts'],
+        //- firstRow: ['episodes', 'exhibitions', 'events', 'shorts', 'posts'], exceprt on episodes only.
         section
             ul
                 li.shadow(v-for="type in firstRow")
                     card(:content="firstPostOfType(type)" :type="type")
         
-        //- secondRow: 'artists', // This is only ONE post
+        //- secondRow: 'artists', // This is only ONE post, excerpt on artist
         section.max
             ul.w-max
                 li.shadow(v-for="post in [randomPostOfType(secondRow)]")
                     card(v-if="post" :content="post" :type="`${post.type}s`" :wide="true")
-        //- firstRow.flipped: ['episodes', 'exhibitions', 'events', 'artists', 'posts'],
+        //- (thirdRow) firstRow.flipped: ['guides', 'objects', 'techniques', 'talks', 'center'], exceprt on guides only
         section
             ul.flipped
                 li.shadow(v-for="type in thirdRow")
@@ -42,9 +42,11 @@ export default {
     components: { card },
     data() { 
         return {
+            // firstRow: ['episodes', 'exhibitions', 'events', 'shorts', 'posts'],
             firstRow: ['episodes', 'exhibitions', 'events', 'artists', 'posts'],
             secondRow: 'artists', // This is only ONE post
-            thirdRow: ['episodes', 'exhibitions', 'events', 'artists', 'artists']
+            // thirdRow: ['guides', 'objects', 'techniques', 'talks', 'center']
+            thirdRow: ['episodes', 'exhibitions', 'events', 'artists', 'posts']
         }
     },
     created() {
@@ -87,8 +89,7 @@ export default {
 @import '../sss/theme.sss'
 .page--index 
     > header
-        /* padding: $ms-0 $ms-2 $ms-1 $ms-2 */
-        padding: $ms-0 $ms-2
+        padding: $ms-0
     > article
         display: flex
         justify-content: space-around
@@ -106,6 +107,7 @@ export default {
                         auto
                     grid-template-rows: 
                         auto
+/* min-width 768px */
 @media (min-width: $medium)
     .page--index > article > section
         &.stickies