From 17679cc81e8ce3ae4fe99b229dfb21c3a1b6e106 Mon Sep 17 00:00:00 2001 From: Marco Date: Wed, 29 Jul 2026 12:13:20 +0000 Subject: [PATCH] Only center TrustRow badges below 640px, left-align through Tablet MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Centering the whole non-lg: range (previous fix) overcorrected — only true Mobile should center (matches other centered content there); the 640-1023px Tablet band left-aligns instead, each badge's left edge lining up via items-start (no per-badge centering, so nothing reads crooked). Same tiered-alignment pattern as Hero's social-proof row. --- app/components/TrustRow.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/app/components/TrustRow.tsx b/app/components/TrustRow.tsx index 5a69123..156e6ff 100644 --- a/app/components/TrustRow.tsx +++ b/app/components/TrustRow.tsx @@ -19,7 +19,13 @@ export async function TrustRow() { // Confirmed via a real horizontal-overflow measurement against the // live site (2026-07-29): scrollWidth exceeded the viewport by // ~100px at 666px and ~54px at 768px before this fix. -
+ // + // Alignment is tiered, same pattern as Hero's social-proof row: + // centered below sm: (true Mobile), left-aligned from sm: to lg: + // (each stacked badge's left edge lines up via items-start — no risk + // of a "crooked" look since it's a shared start edge, not per-badge + // centering), centered again once it's a single row at lg:. +
{items.map((item, i) => (
{i > 0 &&
}