search

aditya-bhaumik / Pathsphere

PathSphere is a comprehensive platform designed to connect students with scholarship opportunities and educators with job openings. It features dynamic search tools and community discussions to enhance access to educational and career resources.
https://pathsphere.netlify.app/
MIT License
109 stars 250 forks source link

not responsive #248

Open Amankr200 opened 2 weeks ago

Amankr200 commented 2 weeks ago

website is not fully responsive across different devices and screen sizes @aditya-bhaumik please assign it to me

https://github.com/user-attachments/assets/ad10beab-0814-4244-9822-de69e438bc34

Amankr200 commented 2 weeks ago

Steps to Reproduce Access the website on a mobile device or resize the browser to a smaller window. Observe the layout and how images are displayed. Hover over the images (if on a desktop) to note the lack of interaction. Expected Behavior The site should adjust its layout and images to fit smaller screens, ensuring all content is easily accessible. Images should have a hover effect that enhances user engagement and indicates interactivity. Actual Behavior The site does not resize appropriately for smaller screens, leading to horizontal scrolling and an awkward viewing experience. There is no hover effect on images, making them look static and less engaging. Proposed Solution I recommend implementing responsive design techniques to ensure the site adjusts seamlessly to different screen sizes. Additionally, applying a hover effect to images would make them more interactive, improving user experience. These changes would make the site visually appealing and enhance usability, encouraging users to engage more with the content.