Bug : Playground Page Overflowing on Mobile Devices

[ankitjhagithub21]

Description

When viewing the Playground page (/playground) on mobile devices, the layout overflows horizontally (X-axis), causing the user to scroll sideways. This breaks the responsive layout and affects usability.

Steps to Reproduce

1. Open the website on a mobile device (or simulate using DevTools).
2. Navigate to the Playground page (/playground).
3. Observe that the content extends beyond the screen width, allowing horizontal scrolling.

Expected Behavior

The page layout should be fully responsive, with no horizontal overflow. All components should fit within the viewport width.

Actual Behavior

Content overflows on the X-axis, leading to a horizontal scrollbar or hidden content edges.

Screenshots

[github-actions]

Welcome, @ankitjhagithub21! Thanks for raising the issue.
Soon the maintainers/owner will review it and provide you with feedback/suggestions.
Make sure to star this awesome repository and follow the account!