fix: resolve uneven margin caused by card flex overflow

[Iam-Karan-Suresh]

Closes #3602.

What was fixed

I fixed an uneven margin issue on this page which was causing visual misalignment.

The Explore Blueprints carousel showed uneven right-side spacing and card misalignment after navigating with the arrow buttons, especially on smaller screen sizes.

Root cause

The carousel scroll distance was hardcoded, causing cards to overshoot the visible area. In addition, horizontal padding and implicit margins contributed to the appearance of extra space on the right.

Solution

• Fixed the margin around the cards with responsive
• Replaced fixed scroll values with a dynamic scroll calculation based on actual card width and gap
• Added scroll snapping to ensure cards align cleanly after navigation
• Removed unintended horizontal padding from container sections
• Explicitly reset carousel margins to prevent layout overflow

Result

• Cards remain properly aligned
• No extra right-side spacing or horizontal overflow
• Improved responsive behavior and visual consistency

Screenshots

Screen Record

Screencast.from.2026-01-12.23-08-18.mp4

[Piyush-r-bhaskar]

To be reviewed after migration to Astro.

[Iam-Karan-Suresh]

Understood, thanks for letting me know.
I’ll wait for the review after the Astro migration.

[Piyush-r-bhaskar]

Hey @Iam-Karan-Suresh

Can you fix the conflict before I take a look ?

[MilosPaunovic]

Just a small note for the future, if you could use GitHub Keywords when opening PRs to connect it to the proper issue (to automate the entire process a bit more), it would be super helpful to us. You can read a bit more about it here (I've added closing keyword for this particular issue).

[MilosPaunovic]

Hey @Iam-Karan-Suresh, are there any updates on this?

[Iam-Karan-Suresh]

Hey @MilosPaunovic @Piyush-r-bhaskar , sorry for the late reply 🙏
I’ve resolved the conflicts and pushed the updated changes.

Thanks for the note about GitHub keywords — I’ll make sure to use them in future PRs 👍

[Piyush-r-bhaskar]

Hey @Iam-Karan-Suresh

Can you please fix the x-axis overflow ?

[MilosPaunovic]

Hey @Iam-Karan-Suresh, are there any updates on this?

[Iam-Karan-Suresh]

Hi @MilosPaunovic I'll push the changes with 3 hours. Thank you for your patience.

[Iam-Karan-Suresh]

this is the output example for the x-axis overflow