diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
index 31aa5e9..c8a20a8 100644
--- a/src/pages/Home/index.tsx
+++ b/src/pages/Home/index.tsx
@@ -471,8 +471,10 @@ export function Home() {
                 </Reveal>
               ))}
             </div>
-            {/* Desktop: 3-column masonry that matches the Figma layout. */}
-            <div className="mt-7 hidden gap-4 md:block md:columns-3">
+            {/* Desktop: masonry that matches the Figma layout. 2 columns at
+                md (with horizontal padding so cards don't kiss the screen
+                edge), 3 columns at lg+. */}
+            <div className="mt-7 hidden gap-4 px-4 md:block md:columns-2 lg:columns-3 lg:px-0">
               {latestPosts.map((post, index) => (
                 <Reveal
                   key={post.id}