IssueTracker

Detailed explanation of the issue:
Through code inspection, I identified that the .devsite-playlist--header-badge-info--bg class has a fixed width of 510px, which is causing layout inconsistencies on mobile devices. This fixed width prevents proper responsive behavior and causes the header section to extend beyond the content width.

Technical details:
Problematic class: .devsite-playlist--header-badge-info--bg
Current behavior: Fixed width of 510px
Issue: Breaks responsive layout on mobile devices
Impact: Creates visual inconsistency

Recommended fix:
Remove or modify the fixed width (510px) from .devsite-playlist--header-badge-info--bg class and replace it with:

A responsive width value (e.g., max-width or percentage-based width)
Or inherit width from parent container
Or implement a proper media query for mobile viewports


URL:
https://web.dev/learn/css
same issue with all other pages too -
https://web.dev/learn/html
https://web.dev/learn/privacy
https://web.dev/learn/accessibility
https://web.dev/learn/images
https://web.dev/learn/forms
https://web.dev/learn/performance
https://web.dev/learn/testing



Details-
Installed apps and usage - Chrome
Email addresses of the profiles on the device - vedantrautdev@gmail.com
Web history information, including URLs / URIs - https://web.dev/learn/css
Location information, including limited location history - Pune, India
System or device information, such as memory and processes - Motorola Fusion 50