diff --git a/app/components/Hero.tsx b/app/components/Hero.tsx index c5662e9..f542fe2 100644 --- a/app/components/Hero.tsx +++ b/app/components/Hero.tsx @@ -123,13 +123,13 @@ export function Hero() { {/* Social proof — always avatars-then-text on two lines below lg: (not just when it happens to overflow), single row again from lg: up where the real column width fits it fine. - Left-aligned below lg: (items-start/justify-start/text-left) - to match the heading/subheading/CTA above it — centered read - as floating/disconnected from the rest of the left-aligned - column (reported 2026-07-29). CTA itself stays separately - centered on true Mobile only (self-center, see above) — this - row was never part of that request. */} -
+ Centered on true Mobile (<640px, matches the CTA above it, + see self-center there); left-aligned in the 640-1023px + Tablet band instead, matching the left-aligned heading/ + subheading — plain centered there read as floating/ + disconnected from that column (reported 2026-07-29); back to + a centered row at lg:. */} +
{/* Avatars — gap 2px, not overlapping */}
{["/avatar-1.jpg", "/avatar-2.jpg", "/avatar-3.jpg"].map((src, i) => ( @@ -142,7 +142,7 @@ export function Hero() {
))}
-

+

1.120+ Menschen vertrauen einfach-produktiv