Bug: Mobile View Layout Issues (Search Bar & Footer)

[pixelwing]

Description:

While using the Study Resource Hub on mobile devices, a few layout inconsistencies are visible.

Issues observed:

1. The search bar slightly goes out of screen bounds on smaller mobile devices, causing horizontal scrolling.

2. The footer background color doesn’t match the main app theme — it appears as a slightly different shade.

📸 Screenshot:

Steps to Reproduce:

1. Open the site on a mobile device.

2.Observe the search bar alignment at the top.

3. Scroll to the bottom to check the footer color difference.

Expected Behavior:

• The search bar should stay fully within the visible screen area without requiring horizontal scroll.

• Footer color should match the main background for a consistent look.

Environment:

• Device: Mobile (Android)

• Browser: Chrome

• Theme: Dark mode

Priority: 🟡 Medium
Type: 🐞 Bug / UI Fix

[palak507]

Hey @pixelwing I would love to contribute to the issue. Please assign it to me

[pixelwing]

Assigned to @palak507 — feel free to start working on this!

[pixelwing]

Hey @palak507 , you still working on this issue ?