Bug: Long Commands and URLs Cause Horizontal Overflow and Layout Break on Smaller Screens

[khushal-winner]

Describe the bug

Long command snippets and raw URLs overflow horizontally on smaller screens, causing layout break and horizontal scrolling.

To Reproduce

1. Open the Cornucopia documentation page.
2. Navigate to a section containing long shell commands or full GitHub URLs.
3. View on a smaller screen or narrow browser window.
4. Observe horizontal overflow and broken layout.

Expected behavior

• Long commands should stay inside a scrollable code block.
• URLs should wrap properly or be formatted as hyperlinks.
• No horizontal layout breaking.

Video demo

2026-02-26.17-56-04.mp4

Desktop

• OS: Windows 10
• Browser: Brave
• Version: 1.87.191

Smartphone

• Device: Redmi note 13

Additional context

Issue appears related to missing overflow-x: auto for pre elements and lack of proper word wrapping for long links.

[sydseter]

@khushal-winner I have assigned you. Thank you for your time.

[khushal-winner]

@khushal-winner I have assigned you. Thank you for your time.

@sydseter , i have linked the PR it is fixed now