feat(ui): improve partner grid layout on download page

[Shubham-1068]

Description

Centered the partner logos in the download page’s partner section by adjusting the grid layout for improved visual alignment and consistency.

Validation

• Verified that partner logos are centered across different screen sizes
• Checked consistent spacing and alignment of all items
• No UI breakages observed

Related Issues

Fixes #8749

Before changes:

After changes:

Files Changed

• nodejs.org\apps\site\components\Common\Partners\index.module.css

Code Changed

@reference "../../../styles/index.css";

.small {
  @apply flex
    flex-row
    flex-wrap
    items-center
    gap-2;
}

.large {
  @apply grid
    w-full
    grid-cols-[repeat(auto-fit,minmax(240px,260px))]
    justify-center
    gap-6;
}

Check List

• I have read the Contributing Guidelines and made commit messages that follow the guideline.
• I have run pnpm format to ensure the code follows the style guide.
• I have run pnpm test to check if all tests are passing.
• I have run pnpm build to check if the website builds without errors.
• I've covered new added functionality with unit tests if necessary.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
nodejs-org	Ready	Preview	Mar 22, 2026 2:10pm

[github-actions]

👋 Codeowner Review Request

The following codeowners have been identified for the changed files:

Team reviewers: @nodejs/nodejs-website

Please review the changes when you have a chance. Thank you! 🙏

[Copilot]

Pull request overview

This PR updates the Downloads page partner logo layout to center the partner grid and improve visual alignment/consistency across screen sizes, addressing #8749.

Changes:

• Updated the .large partner layout from an auto-fill, full-width-stretching grid to an auto-fit grid with bounded column widths.
• Centered the resulting grid tracks within the container and adjusted spacing between items.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[canerakdas]

I think it would be better to apply this change only for large(desktop) resolutions

Current;

With this change;

[ovflowd]

Agreed

[Shubham-1068]

@canerakdas okay i will update the changes as per your recommendation

[Shubham-1068]

@canerakdas @ovflowd i have fixed the above mentioned issue. Kindly review the changes

After Changes:

Additionally

I also fixed the remark-lint imports to match the current @node-core/doc-kit API, which was causing the packages/remark-lint unit tests to fail locally.

[ovflowd]

For context, the reason why it renders like that is because we only have 3 partners atm, whereas the grid was designed for up to 4, but wasn't designed to account for the fact we could have less than 4.

[ovflowd]

Is this correct? Seems wrong. I recall we switched from createQueries to { QUERIES }? cc @avivkeller

[bjohansebas]

These changes are not related to the objective of this PR.

[ovflowd]

I have the feeling you accidentally added unrelated changes to this PR.