redesigned feature template to put nav under article, bordered by side bar (was under everything)

src/static/css/feature.css

@@ -27,7 +27,7 @@ ul { list-style-position: inside; }
 .grid {
     display: grid;
     grid-template-columns: auto 533px 267px auto;
-    grid-template-rows: 25px 90px repeat(4, 1fr) 200px auto;
+    grid-template-rows: 25px 90px repeat(4, auto) auto;
     grid-column-gap: 0px;
     grid-row-gap: 0px;
 }
@@ -145,7 +145,7 @@ ul { list-style-position: inside; }
 }
 
 .diary-entry {
-    grid-area: 3 / 2 / 7 / 3;
+    grid-area: 3 / 2 / 6 / 3;
     background-color: #ff0000;
     padding: 5px;
 }
@@ -175,32 +175,18 @@ ul { list-style-position: inside; }
     background-color: #ce6a85;
 }
 
-.dir-row {
-    grid-area: 7 / 1 / 8 / 5;
+.recommend {
+    grid-area: 6 / 2 / 7 / 3;
     background-color: #F5D7E3;
     display: grid;
     grid-template-columns: auto;
     grid-template-rows: 15% 35% auto;
     grid-column-gap: 0px;
     grid-row-gap: 0px; 
-}
-
-.dir-header { 
-    grid-area: 1 / 1 / 2 / 2; 
-}
-.dir-date { 
-    grid-area: 2 / 1 / 3 / 2;
-    overflow-x: scroll;
-    overflow-y: hidden;
-}
-.dir-articles { 
-    grid-area: 3 / 1 / 4 / 2; 
-    overflow-x: scroll;
-    overflow-y: hidden;
 } 
 
 .footer-row {
-    grid-area: 8 / 1 / 9 / 5; 
+    grid-area: 7 / 1 / 8 / 5; 
     background-color: #A8577E;
 }