more like this has a title div and centered snippet divs

small-nav
chimchooree 4 years ago
parent eb97090fbb
commit c34fbbd2cd

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

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

Loading…
Cancel
Save