fix(ui): fix cramped stats grid on smaller screens

[wojtekmaj]

Before, stats grid had 11 columns from 640px. This resulted in cramped ui:

After, we create fewer columns on sm:

And only after we have more space on md, we add 11 columns back:

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 4, 2026 11:02am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 4, 2026 11:02am
npmx-lunaria	Ignored		Feb 4, 2026 11:02am

[Copilot]

Pull request overview

Adjusts the responsive column layout of the package “Stats” grid to avoid overly cramped cells on small screens while preserving the denser 11-column layout on medium screens and up.

Changes:

• Reduce the sm breakpoint grid from 11 columns to 7 columns.
• Restore 11 columns at the md breakpoint to keep the wider-screen layout.

[coderabbitai]

📝 Walkthrough

Walkthrough

The pull request modifies the responsive grid layout configuration in the Package details page component. Specifically, the Stats grid styling has been updated to change the small screen breakpoint from sm:grid-cols-11 to sm:grid-cols-7, whilst adding an explicit medium breakpoint with md:grid-cols-11. This adjustment affects how the grid columns are distributed across different screen sizes. The change involves a single line modification with no alterations to the component's logic or control flow.

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly explains the UI issue being fixed, detailing the cramped grid layout on smaller screens and the responsive solution with before/after screenshots.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

Important

Action Needed: IP Allowlist Update

If your organization protects your Git platform with IP whitelisting, please add the new CodeRabbit IP address to your allowlist:

• ✨ 136.113.208.247/32 (new)
• 34.170.211.100/32
• 35.222.179.152/32

Reviews will stop working after February 8, 2026 if the new IP is not added to your allowlist.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!