Revert Footer's row breakpoint from sm: back to lg:

Confirmed via Playwright against the live site (666px viewport): this
row was causing a real horizontal page overflow (scrollWidth 746px vs
666px viewport) in the 640-1023px band, not just visual cramping —
logo + handle + 5 nowrap legal links (all shrink-0) don't fit in one
row below ~1024px regardless of fluid scaling. Today's earlier sm:
rename wrongly treated this as a simple structural-breakpoint case;
it's actually the same fixed-content-doesn't-fit category as
Cart/Checkout/SectionTOC, which correctly stayed at lg:.
This commit is contained in:
Marco
2026-07-29 12:04:07 +00:00
parent 724530b073
commit 61afa0dcae
+10 -4
View File
@@ -19,10 +19,16 @@ export function Footer() {
<div className="flex flex-col items-center w-full max-w-[1280px] py-8 md:py-4">
{/* Three groups: logo | @handle | links — stacked + centered below
sm: (640px, moved down from the old md:/lg: skip-pattern now
that grid/flex structure across the site aligns with the fluid
floor). Side by side again once there's real room at sm:. */}
<div className="flex flex-col sm:flex-row items-center sm:justify-between gap-6 sm:gap-0 px-8 md:px-16 w-full">
lg:. Reverted here from an earlier sm: rename (2026-07-29's
breakpoint migration): this row isn't the "grid arrives before
the fluid floor" bug the sm: consolidation targets — logo +
handle + 5 nowrap legal links (all shrink-0) simply don't fit
in one row below ~1024px regardless of fluid scaling (measured:
~746px combined natural width at a 666px viewport, causing a
real horizontal page overflow, not just visual cramping).
Same fixed-content-doesn't-fit category as Cart/Checkout/
SectionTOC, kept at lg: for the same reason. */}
<div className="flex flex-col lg:flex-row items-center lg:justify-between gap-6 lg:gap-0 px-8 md:px-16 w-full">
{/* Logo: "einfach produktiv" white + "." gold */}
<div className="flex items-center p-2 shrink-0">