Improve Mobile Responsiveness on home.html #407
Description
🐞 Bug Description
The home.html page currently looks fine on desktop, but the layout breaks on smaller screen sizes (mobile view)
📋 Steps to Reproduce
- Go to 'home.html' Page
- Right Click & 'inspect'
🎯 Issue Observed:
- Navbar buttons (About Us, Blogs, FAQ, etc.) overlap and are not mobile-friendly.
- Filters (All Topics, From Year, All Papers, etc.) stretch outside the viewport.
- Paper cards are stacked but Paper Details panel doesn’t adapt well.
- A lot of unused blank space on the right side.
📸 Screenshots
✅ Expected Behavior
-
Navbar should collapse into a hamburger menu on mobile.
-
Filters/search bar should wrap into rows instead of one long line.
-
Paper cards should be displayed in a single-column layout.
-
Paper Details section should stack below papers list or be collapsible on smaller screens.
-
No extra horizontal scrolling or unused blank space.