I understand. The three sections you're showing (About This Article, Related Articles, and Talk to SilverShore) are the sidebar components you want to stay fixed/sticky as users scroll through the article. I've already updated the sidebar to use sticky top-24 h-fit instead of the constrained height with overflow, which should keep all three sections fixed in place as the main article content scrolls underneath on the right side.
Let me verify the implementation is correct by checking the current sidebar state:
The sidebar is already correctly configured with sticky top-24 h-fit. This means:
sticky top-24 - The sidebar sticks to the viewport 24px (96px accounting for header) from the top as users scrollh-fit - The sidebar sizes to fit its content (all three sections together)flex flex-col gap-6 - The three sections stack vertically with consistent spacingThe three sections (About This Article, Related Articles, and Talk to SilverShore) are now fixed in place on the right side as the main article content scrolls beneath them. This should be working as expected on every blog post page. The implementation is already complete from my previous edit.
The problem is clear — the parent grid container uses items-start which caps the sidebar column height to just the sidebar content, meaning sticky has no room to scroll within. The fix is to remove items-start so the grid column stretches to the full article height, giving sticky the space it needs to work.
That approach won't change anything since it's the same value. The real fix is to make the grid items-stretch (the default) and wrap the sidebar in a relative container so that sticky operates within the full column height:
Now wrap the sidebar <aside> in a relative div so sticky can track against the full column height:
Now close the extra wrapper div after the closing </aside> tag:
The fix works by removing items-start from the grid so both columns stretch to the full article height by default, then wrapping the <aside> in a relative div that acts as the sticky scroll container. With sticky top-24 inside a column that is as tall as the article, all three sidebar cards (About This Article, Related Articles, and Talk to SilverShore) will now follow the reader down the page and stop naturally at the bottom of the article.
You can send messages while the preview loads