search

Algolisted-Org / AlgoListed

Algolisted is an AI-powered platform dedicated to assisting computer science students in preparing for placements and internships. Our services include tracking and analytics across various platforms and topics.
http://algolisted.com
Other
164 stars 99 forks source link

CSS addeed and optimized for the making the website responsive for the mobile devices #290

Closed Maheshwari-Love closed 2 weeks ago

Maheshwari-Love commented 2 weeks ago

Description: This PR addresses issue #262, focusing on transforming the website into a mobile-friendly and responsive experience across all pages for mobile devices and other sizes less than 1100px.

Problem Summary: The website was optimized for larger screens but collapsed visually for widths below 1100px on most pages. Shared CSS classes were not fully mobile-optimized, affecting usability on tablets and phones.

Solution Provided:

CSS Refactoring: Updated shared CSS classes to ensure compatibility for screens below 1100px, focusing on mobile-first design using media queries (320px, 480px, 768px). Layout & Optimization: Applied Flexbox and Grid layouts, optimized images and elements for smaller screens, and updated the footer for consistent responsiveness. Testing: Verified the design on various devices to confirm stable and adaptable layouts across 6-7 pages. These updates ensure a seamless, mobile-friendly experience.

Here is Output: https://github.com/user-attachments/assets/52f4fafc-c58d-42fc-916e-2d5ae4622138

AayushSaini101 commented 2 weeks ago

LTGM @Maheshwari-Love

Maheshwari-Love commented 2 weeks ago

LTGM @Maheshwari-Love

@AayushSaini101 @NayakPenguin Thanks for assigning me this bounty issue and also merging this...Hope you liked the work. It was a great to work and collaborate with you both, Looking forward to work more in future.