Looks great.

o0101 · o0101 · commit 3e14bbbc4ee2 · 2018-11-13T13:58:45.000Z
diff --git a/src/views/App.js b/src/views/App.js
@@ -30,8 +30,14 @@ export default function App(state) {
           ${PostList(state, {type:'gists'})}
         </section>
       </article>
-      <aside>Suggested things?</aside>
-      <footer>Footer</footer>
+      <aside>
+        <h1>Discover others</h1> 
+        <p>
+          Follow the followers of your followers, or the followers of those you follow.
+      </aside>
+      <footer>
+        Project of Dosycorp. "Gist", GitHub are marks of GitHub, Inc and its parents and subsidiaries. There is no relationship between GistBarn and these companies. 
+      </footer>
     </article>
   `;
 }
diff --git a/style/style.css b/style/style.css
@@ -8,21 +8,37 @@
     margin: 0 auto;
     position: relative;
     display: table;
-    min-height: 100vh;
-    background: #eee;
+    min-height: 110vh;
+    background: #e9ebee;
     padding: 0 2em 5em 2em;
     box-sizing: border-box;
   }
 
 /* post styles */
-
-article.post:not(.edit) section.post.edit {
-  display: none;
-}
+  article.post:not(.edit) section.post.edit {
+    display: none;
+  }
 
 /* general semantic grid areas */
-  .holygrail header {
+  .holygrail > header {
+    display: flex;
+    align-items: center;
     grid-area: header;
+    background: #f5f6f7;
+    min-height: 2em;
+  }
+
+  .holygrail > header span {
+    margin: 0 0.5em;
+  }
+
+  .holygrail > header span a {
+    padding: 0.25em 0.35em;
+    display: inline-block; 
+  }
+
+  .holygrail > header span a:hover {
+    background: #deebee;
   }
 
   .holygrail footer {
@@ -40,11 +56,13 @@ article.post:not(.edit) section.post.edit {
   .holygrail article {
     grid-area: article;
     min-width: 18.5em;
+    width: 29em;
+    max-width: 90vw;
+    margin: 0 auto;
   }
 
 /* semantic responsive CSS-grid holygrail */
   article.debug.holygrail * {
-    outline: 1px solid lime;
     /*background: rgba(50,50,50,0.2);*/
   }
 
@@ -90,3 +108,28 @@ article.post:not(.edit) section.post.edit {
       margin: 0;
     }
   }
+
+/* grid area styles */
+  nav ul {
+    list-style-type: none;
+    padding: 0;
+  }
+
+  nav ul li {
+    margin: 0 0 0.2em 0;
+    background: transparent;
+  }
+
+  nav ul li a {
+    display: inline-block;
+    width: 100%;
+    padding: 0.25em 0;
+  }
+
+  nav ul li:hover {
+    background: #f5f6f7;
+  }
+
+  nav header {
+    background: #f5f6f7;
+  }
