diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index bb020ed7..7ec92035 100644
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -36,7 +36,7 @@ defaultBackgroundImage = "/img/iceland.jpg"
   showRecentItems = 10
   showMoreLink = true
   showMoreLinkDest = "docs"
-  cardView = true
+  cardView = false
   cardViewScreenWidth = false
   layoutBackgroundBlur = true # only used when layout equals background
 
diff --git a/exampleSite/layouts/partials/recent-articles-demo.html b/exampleSite/layouts/partials/recent-articles-demo.html
index cf73aeed..2b91b85b 100644
--- a/exampleSite/layouts/partials/recent-articles-demo.html
+++ b/exampleSite/layouts/partials/recent-articles-demo.html
@@ -18,33 +18,15 @@
 </div>
 
 <div id="CardViewScreenWidth" class="">
-    <section
-        class="relative w-screen max-w-[1600px] grid gap-4 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
-        style="left: calc(max(-50vw,-800px) + 50%);">
-        {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
-        .Site.Params.mainSections)).Pages }}
-        {{ partial "article-link-card.html" . }}
-        {{ end }}
-    </section>
+    {{ partial "recent-articles-cardview-fullwidth.html" . }}
 </div>
 
 <div id="CardViewProse" class="hidden h-full">
-    <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3">
-        {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
-        .Site.Params.mainSections)).Pages }}
-        {{ partial "article-link-card.html" . }}
-        {{ end }}
-    </section>
+    {{ partial "recent-articles-cardview.html" . }}
 </div>
 
 <div id="NormalView" class="hidden h-full">
-    <section class="space-y-10 w-full">
-        {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
-        .Site.Params.mainSections)).Pages
-        }}
-        {{ partial "article-link.html" . }}
-        {{ end }}
-    </section>
+    {{ partial "recent-articles-list.html" . }}
 </div>
 
 {{ if .Site.Params.homepage.showMoreLink | default false }}
diff --git a/layouts/partials/recent-articles-cardview-fullwidth.html b/layouts/partials/recent-articles-cardview-fullwidth.html
new file mode 100644
index 00000000..9542df83
--- /dev/null
+++ b/layouts/partials/recent-articles-cardview-fullwidth.html
@@ -0,0 +1,11 @@
+{{ $recentArticles := 5 }}
+{{ $recentArticles = .Site.Params.homepage.showRecentItems }}
+
+<section
+  class="relative w-screen max-w-[1600px] grid gap-4 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
+  style="left: calc(max(-50vw,-800px) + 50%);">
+  {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
+  .Site.Params.mainSections)).Pages }}
+  {{ partial "article-link-card.html" . }}
+  {{ end }}
+</section>
\ No newline at end of file
diff --git a/layouts/partials/recent-articles-cardview.html b/layouts/partials/recent-articles-cardview.html
new file mode 100644
index 00000000..ff531a3f
--- /dev/null
+++ b/layouts/partials/recent-articles-cardview.html
@@ -0,0 +1,9 @@
+{{ $recentArticles := 5 }}
+{{ $recentArticles = .Site.Params.homepage.showRecentItems }}
+
+<section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3">
+  {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
+  .Site.Params.mainSections)).Pages }}
+  {{ partial "article-link-card.html" . }}
+  {{ end }}
+</section>
\ No newline at end of file
diff --git a/layouts/partials/recent-articles-list.html b/layouts/partials/recent-articles-list.html
new file mode 100644
index 00000000..f9515478
--- /dev/null
+++ b/layouts/partials/recent-articles-list.html
@@ -0,0 +1,9 @@
+{{ $recentArticles := 5 }}
+{{ $recentArticles = .Site.Params.homepage.showRecentItems }}
+
+<section class="space-y-10 w-full">
+  {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)).Pages
+  }}
+  {{ partial "article-link.html" . }}
+  {{ end }}
+</section>
\ No newline at end of file
diff --git a/layouts/partials/recent-articles.html b/layouts/partials/recent-articles.html
index 72eace39..41744d49 100644
--- a/layouts/partials/recent-articles.html
+++ b/layouts/partials/recent-articles.html
@@ -6,25 +6,12 @@
 {{ end }}
 <h2 class="mt-8 text-2xl font-extrabold mb-10">{{ i18n "shortcode.recent_articles" | emojify }}</h2>
 
-{{ if .Site.Params.homepage.cardView | default false }}
-{{ if .Site.Params.homepage.cardViewScreenWidth | default false }}
-<section class="relative w-screen max-w-[1600px] grid gap-4 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
-    style="left: calc(max(-50vw,-800px) + 50%);">
-  {{ else }}
-<section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3">
-  {{ end }}
-    {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
-    .Site.Params.mainSections)).Pages }}
-      {{ partial "article-link-card.html" . }}
-    {{ end }}
-</section>
+{{ if and .Site.Params.homepage.cardView (not .Site.Params.homepage.cardViewScreenWidth) | default false }}
+  {{ partial "recent-articles-cardview.html" . }}
+{{ else if and .Site.Params.homepage.cardView .Site.Params.homepage.cardViewScreenWidth | default false }}
+  {{ partial "recent-articles-cardview-fullwidth.html" . }}
 {{ else }}
-<section class="space-y-10 w-full">
-  {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)).Pages
-  }}
-  {{ partial "article-link.html" . }}
-  {{ end }}
-</section>
+  {{ partial "recent-articles-list.html" . }}
 {{ end }}
 
 {{ if .Site.Params.homepage.showMoreLink | default false }}