UI: Stats section displays vertically instead of in a single row

[shah0108]

Describe the bug
On desktop view, the stats section (50+ Contributors, 25+ Projects, etc.) appears stacked vertically instead of horizontally aligned. This reduces visual clarity and symmetry.

Expected behavior
Stats should appear in one row (four columns) on desktop, two on tablet, and stacked only on mobile.

Proposed fix
Replace the existing vertical flex layout with a responsive Tailwind grid using grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 for proper alignment.

Files changed

• src/pages/Home.jsx

Testing steps

1. Run npm run dev
2. Open site on desktop (>=1024px width)
3. Confirm stats appear side-by-side horizontally

[sparsh9]

Hey @shah0108 , I would like to take on this issue