diff --git a/app/learn/page.js b/app/learn/page.js
index 05db554..1ea8ad0 100644
--- a/app/learn/page.js
+++ b/app/learn/page.js
@@ -44,7 +44,7 @@ export default function LearnPage() {
       </div>
 
       {/* smd and up: 2x3 grid of vertical thumbnails, repeat posts as needed */}
-      <div className="hidden smd:grid smd:grid-cols-2 smd:gap-[var(--spacing-scale-008)] md:gap-[var(--spacing-scale-016)] smd:pt-[var(--spacing-scale-024)] smd:pb-[var(--spacing-scale-024)] smd:px-[var(--spacing-scale-020)] md:px-[var(--spacing-scale-032)]">
+      <div className="hidden smd:grid smd:grid-cols-2 lg:grid-cols-3 smd:gap-[var(--spacing-scale-008)] md:gap-[var(--spacing-scale-016)] lg:gap-[var(--spacing-scale-012)] smd:pt-[var(--spacing-scale-024)] smd:pb-[var(--spacing-scale-024)] smd:px-[var(--spacing-scale-020)] md:px-[var(--spacing-scale-032)]">
         {Array.from({ length: 6 }).map((_, i) => {
           const post = allPosts[i % allPosts.length];
           return (