[Bug] Heading Overflows on Mobile devices causing Scroll Requirement.

[SumaiyaaRq]

Description

The heading remains too large for the mobile viewport , causing overflow and requiring scrolling to read the full heading.

Reproduction

1. Open the project. Right-click and select Inspect (or press Ctrl+Shift+I / Cmd+Option+I on Mac). Click Toggle Device Toolbar (or press Ctrl+Shift+M / Cmd+Shift+M on Mac ). Select small screen size
2. See error.

Expectation

Headings should adjust not only in font size but also in layout to fit within the mobile screen without causing overflow. If users have to scroll to read the entire heading, it negatively affects usability and readability .

Screenshots

Environment

• Device: Laptop
• OS: macOS
• Browser: Chrome

Additional context

• creativecommons/vocabulary: A cohesive system of design for Creative Commons

Resolution

• [x] I would be interested in resolving this bug.

[TimidRobot]

Any pull requests (PRs) for this issue should use existing styles from the Vocabulary design system

[SumaiyaaRq]

@TimidRobot Thanks for the clarification!