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