Revert "Home Blog section: cap width at max-w-[75rem], same as the rest of the site"

This reverts commit 233a41f7c9.
This commit is contained in:
Marco
2026-08-25 20:23:15 +00:00
parent 233a41f7c9
commit 7e00d51b89
+3 -9
View File
@@ -17,7 +17,7 @@ export async function Blog() {
<div id="blog" className="flex flex-col gap-12 items-start pb-16 w-full bg-bg-base">
{/* Section header */}
<Reveal className="flex flex-col gap-2 items-start px-[var(--layout-padding-x)] w-full max-w-[75rem] mx-auto">
<Reveal className="flex flex-col gap-2 items-start px-[var(--layout-padding-x)] w-full">
<p className="font-bold text-brand text-h-small">
Neue Impulse
</p>
@@ -29,14 +29,8 @@ export async function Blog() {
</p>
</Reveal>
{/* Posts grid — capped at the same max-w-[75rem] the rest of the site
uses (e.g. ProductSpotlight.tsx), not full-bleed w-full. Without
it, the featured card's fixed-height-turned-h-full image column
kept stretching wider on very wide screens while its height
stayed pinned to the text column's content height, so the photo
got progressively more elongated/squashed the wider the
viewport — capping the card's own width caps that. */}
<RevealGroup className="flex flex-col gap-10 items-start px-[var(--layout-padding-x)] w-full max-w-[75rem] mx-auto">
{/* Posts grid */}
<RevealGroup className="flex flex-col gap-10 items-start px-[var(--layout-padding-x)] w-full">
{/* Featured post — image on top on Mobile, side-by-side from sm+ */}
<RevealItem className="w-full border border-border rounded-xl overflow-hidden grid grid-cols-1 sm:grid-cols-12 transition-transform duration-300 hover:-translate-y-1">