fix: code scroll issue on small screen

[malav2110]

Description

The PR fixes the horizontal scroll bar appearing for code section on smaller devices. #8437

Validation

Related Issues

Issue - #8437

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	Review	Updated (UTC)
nodejs-org	Ready	Preview	Dec 24, 2025 0:44am

[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 attempts to fix a horizontal scrollbar issue that appears on code sections when viewed on smaller devices. The fix adds several CSS constraints to prevent overflow at multiple levels of the component hierarchy.

Key changes:

• Added max-w-full and overflow-hidden to the root container
• Added min-w-0 to the content wrapper
• Added max-w-full to the code element

---

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

[malav2110]

Code segment with error message:

[Copilot]

Pull request overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

---

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

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 73.83%. Comparing base (26885a8) to head (b9a3e59).
⚠️ Report is 4 commits behind head on main.
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #8445      +/-   ##
==========================================
+ Coverage   73.65%   73.83%   +0.17%     
==========================================
  Files         108      109       +1     
  Lines        9193     9255      +62     
  Branches      312      313       +1     
==========================================
+ Hits         6771     6833      +62     
  Misses       2420     2420              
  Partials        2        2              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.