fix: improve sponsors layout on the about page for mobile users

[iiio2]

Before:

After:

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Mar 4, 2026 7:18pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Mar 4, 2026 7:18pm
npmx-lunaria	Ignored		Mar 4, 2026 7:18pm

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 9529723b-e71c-425f-be5a-c63c4bcf4dbc

📥 Commits

Reviewing files that changed from the base of the PR and between 50596d5 and 2ed88bc.

📒 Files selected for processing (1)

• app/pages/about.vue

---

📝 Walkthrough

Walkthrough

The change updates the Sponsors section in app/pages/about.vue by replacing a vertical flex-column layout with a two-column grid on small screens (grid grid-cols-2) while retaining a flex-row layout on medium and larger viewports (md:flex md:flex-row md:items-center). No data sources, logic, or exported/public signatures were modified; only the responsive presentation and arrangement of the AboutLogoList were changed.

Possibly related PRs

• style: improve contributors layout #920: Modifies app/pages/about.vue to convert list sections from flex-based layouts to responsive grid layouts (similar layout change).
• feat: add new sections to about page #1630: Adjusts the about page layout and AboutLogoList classes in app/pages/about.vue (directly related to the same component and layout).

Suggested labels

front

Suggested reviewers

• 43081j
• danielroe

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description directly relates to the changeset, showing visual before/after comparisons of the sponsors layout modifications from vertical to grid arrangement.

_{✏️ 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

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[iiio2]

@43081j , I've done it.

[43081j]

im not sure whats going on with CI

it still thinks there are two gap-4's 🤔

[ghostdevv]

im not sure whats going on with CI

it still thinks there are two gap-4's 🤔

seems to be because the underlying component has gap-4 - fixed in 2ed88bc