authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-09-05 00:15:41-07:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-05 00:15:41-07:00
logfc1f543d6c67da9cf1edb25b647646faa0105b41
tree6b42a20e58cad59324dd4b8d32fb236da72d6489
parent50027bb3ad2912f9127304392a2c85ad5ab9a4ba
signature Signed by PGP key B5690EEEBB952194

fix(marketing): align the endorsement carousel with its heading (#9912)

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

1 files changed, 5 insertions(+), 2 deletions(-)

apps/marketing/src/pages/index.astro+5-2
...@@ -826,8 +826,11 @@ const screenshot = await getImage({...@@ -826,8 +826,11 @@ const screenshot = await getImage({
826 gap: 12px;826 gap: 12px;
827 overflow-x: auto;827 overflow-x: auto;
828 overscroll-behavior-x: contain;828 overscroll-behavior-x: contain;
829 padding: 4px max(32px, calc((100vw - 1240px) / 2 + 32px));829 /* Percentages resolve against this element's own box rather than the
830 scroll-padding-inline: max(32px, calc((100vw - 1240px) / 2 + 32px));830 viewport, so the first card lines up with the heading's .container edge
831 even when a classic scrollbar makes 100vw wider than the layout. */
832 padding: 4px max(32px, calc((100% - 1240px) / 2 + 32px));
833 scroll-padding-inline: max(32px, calc((100% - 1240px) / 2 + 32px));
831 }834 }
832835
833 .endorsement-card {836 .endorsement-card {