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:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user