From 11635ce05017248df5f11092f762a4a811424458 Mon Sep 17 00:00:00 2001 From: Magnus Madsen Date: Tue, 11 Aug 2026 14:42:08 +0200 Subject: [PATCH] fix: stop the VSCode carousel overflowing to the right The carousel is a direct child of a .row, and Bootstrap gives every direct row child `width: 100%` and `flex-shrink: 0`. Its `ms-4 me-4` therefore could not narrow it: margin-left simply pushed the full-width box 24px right and margin-right hung another 24px off the end. The slides ended up 36px past the right edge of the feature lists above them (24px past the container itself), while sitting 12px inside on the left; at phone widths the box overflowed the viewport. Drop the margins so the slides line up flush with the columns above and the tooling table below. Co-Authored-By: Claude Opus 5 (1M context) --- src/pages/index.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index 211fa63..a300cb0 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -850,7 +850,7 @@ const vscodeSlides = [ - +