more like this has a title div and centered snippet divs

src/static/css/feature.css

@@ -183,12 +183,13 @@ ul { list-style-position: inside; }
     grid-template-rows: auto;
     grid-column-gap: 0px;
     grid-row-gap: 0px; 
-    padding-top: 25px;
+    padding: 5px;
 } 
 
-.snip1 { grid-area: 1 / 2 / 2 / 3; }
-.snip2 { grid-area: 1 / 3 / 2 / 4; }
-.snip3 { grid-area: 1 / 4 / 2 / 5; } 
+.more { grid-area: 1 / 1 / 2 / 6; }
+.snip1 { grid-area: 2 / 2 / 3 / 3; }
+.snip2 { grid-area: 2 / 3 / 3 / 4; }
+.snip3 { grid-area: 2 / 4 / 3 / 5; } 
 
 .footer-row {
     grid-area: 7 / 1 / 8 / 5; 

src/views/feature.tpl

@@ -9,6 +9,7 @@
 % include diary-boxes.tpl
 
     <div class="recommend">
+        <div class="more"><h1>more like this...</h1></div>
         <div class="snip1">
             <div class="snippet-title">
                 <a href={{recommends[0][2]}} rel="nofollow"><b>{{!recommends[0][0]}}</b></a>