[FEATURE] Stats Section Not Perfectly Center Aligned on Landing Page

[tharunika-19]

Description

The statistics section on the landing page appears slightly misaligned horizontally. The four stat cards:

• 834+ Commits in Repo
• 685+ PRs Merged
• 100+ Contributors
• 106+ GitHub Stars

do not seem to be perfectly centered within the container, causing a minor visual imbalance.

Steps to Reproduce

1. Open the homepage.
2. Scroll to the statistics section.
3. Observe the alignment of the stat cards.

Expected Behavior

The stats section should be centered evenly within the available page width.

Actual Behavior

The section appears slightly shifted, making the layout look off-center.

Possible Cause

• Uneven container padding or margin.
• Grid/Flex parent not centered correctly.
• Width or spacing inconsistencies between stat items.

Suggested Fix

Review the parent container's alignment properties (justify-content, margin: auto, grid/flex settings) and ensure the stats section is centered consistently across screen sizes.

Screenshot

[tharunika-19]

Hi @Priyanshu-byte-coder ! I noticed that the statistics section appears slightly off-center on the landing page. The four stat cards don't seem to be evenly distributed within the container, which creates a minor visual imbalance.

Proposed approach:

Inspect the parent container's layout (Flexbox/Grid).
Verify justify-content, align-items, gap, and container width settings.
Check for any unintended margins/paddings causing horizontal shifts.
Test responsiveness across different screen sizes to ensure consistent centering.

I'd be happy to work on this and submit a fix. Could this issue be assigned to me?

[Vikrant0207]

/assign @Priyanshu-byte-coder I would like to work on this issue under GSSoC'26. Pls assign this issue to me

[github-actions]

Assigned to @Vikrant0207! You have 7 days to open a PR. No PR after 7 days = auto-unassigned so others can pick it up. Good luck!