[Bug]: Issue: Dropdown menu overflows screen and breaks layout on mobile view

[Apoorvaaa0187]

Bug Description

On smaller screens (mobile view), the dropdown menu under Today’s Coding Tasks opens outside its container and overlaps other UI elements. The dropdown is not constrained within the card and causes layout overflow.

This issue is clearly visible in mobile responsive mode (e.g., iPhone XR).

Steps to Reproduce

Open the app in mobile view (iPhone XR or similar)
Navigate to the dashboard
Scroll to Today’s Coding Tasks
Open the dropdown (JavaScript / Python / HTML / CSS)
Observe the dropdown position and overflow

Expected Behavior

Dropdown should:
Open fully within the task card
Respect container width and padding
Not overlap adjacent sections or break layout
Be scrollable if content exceeds available height

Screenshots

Browser

Chrome

Device

Desktop

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[diksha78dev]

@YadavAkhileshh if no one is working on this issue , can you assign this issue to me?

[github-actions]

⏰ Inactivity Warning

Hi @diksha78dev! 👋

This issue has been inactive for 15 hours.

Please provide an update within the next 15 hours, or you may be automatically unassigned to give others a chance to contribute.

💡 If you need more time, just leave a comment to reset the timer!