theme(latest-news): default to 3 posts in single-column grid

Author: sshine

themes/terratheme/layouts/shortcodes/latest-news.html

@@ -3,33 +3,39 @@
   summary, "Read post" link). Reuses the .tx-news-* styles from the news list.
 
   Params:
-    count — number of posts to show (default 1)
+    count — number of posts to show (default 3)
     title — section heading (default "Latest news")
+
+  The list is wrapped in .tx-code-compare so it occupies a single column of
+  the same two-column grid used by the side-by-side code panels — full width
+  on mobile, half width at ≥720px.
 */ -}}
-{{- $count := .Get "count" | default "1" | int -}}
+{{- $count := .Get "count" | default "3" | int -}}
 {{- $title := .Get "title" | default "Latest news" -}}
 {{- $news := .Site.GetPage "/news" -}}
 {{ with $news }}
 <section class="tx-section">
   <div class="tx-container">
     <h2>{{ $title }}</h2>
-    <ul class="tx-news-list">
-      {{ range first $count .Pages.ByDate.Reverse }}
-        <li class="tx-news-item">
-          <a href="{{ .RelPermalink }}">
-            <div class="tx-news-item-meta">
-              <span class="tx-news-item-date">{{ .Date.Format "2006-01-02" }}</span>
-              {{ if .ReadingTime }}<span>· {{ .ReadingTime }} min read</span>{{ end }}
-            </div>
-            <div class="tx-news-item-title">{{ .Title }}</div>
-            {{ with .Description | default .Summary }}
-              <p class="tx-news-item-summary">{{ . | safeHTML }}</p>
-            {{ end }}
-            <span class="tx-news-item-readmore">Read post →</span>
-          </a>
-        </li>
-      {{ end }}
-    </ul>
+    <div class="tx-code-compare">
+      <ul class="tx-news-list">
+        {{ range first $count .Pages.ByDate.Reverse }}
+          <li class="tx-news-item">
+            <a href="{{ .RelPermalink }}">
+              <div class="tx-news-item-meta">
+                <span class="tx-news-item-date">{{ .Date.Format "2006-01-02" }}</span>
+                {{ if .ReadingTime }}<span>· {{ .ReadingTime }} min read</span>{{ end }}
+              </div>
+              <div class="tx-news-item-title">{{ .Title }}</div>
+              {{ with .Description | default .Summary }}
+                <p class="tx-news-item-summary">{{ . | safeHTML }}</p>
+              {{ end }}
+              <span class="tx-news-item-readmore">Read post →</span>
+            </a>
+          </li>
+        {{ end }}
+      </ul>
+    </div>
   </div>
 </section>
 {{ end }}