Fix the Screen Alignment and Responsiveness Issues

[arcane-2004]

🖥️ Frontend Issue

Description

The interface displays several alignment challenges when viewed on various screen sizes. Key elements like the "Station Saarthi" marker and the welcome text ("Namaste!! Yatree") are not properly aligned and can appear misplaced or overlapping on different screens. Similarly, the buttons for "Login" and "Register" may not adjust proportionally, leading to distorted layout on smaller or larger displays.

The icons at the bottom for "Navigation," "Booking," and "Services" also exhibit poor responsiveness. Without proper scaling, these icons risk being squished or scattered, resulting in an inconsistent user experience. These issues highlight the need for a responsive design that adapts fluidly to different screen dimensions, ensuring that all elements remain properly aligned and accessible across devices.

Steps to Reproduce

1. Go to home page
2. Right click and Inspect
3. Change the window size to different sizes like phone, tablet etc.

Expected behavior

A responsive interface is that all elements, including the "Station Saarthi" marker, welcome text, buttons, and icons, should scale proportionally across different screen sizes. The layout should adjust dynamically to maintain consistent alignment and spacing, ensuring that no elements overlap or become misaligned. On smaller screens, elements should resize and stack appropriately, while maintaining clarity and ease of use, providing a seamless and visually balanced experience on all devices.

Screenshots or Video

Are you participating in GSSoC?

• Yes
• No

[github-actions]

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUTING.md carefully. Your contributions are highly appreciated! 😊

[arcane-2004]

Please assign this issue to me and also add labels.

[dhairyagothi]

Assigned @arcane-2004

Make PR asap

[dhairyagothi]

@arcane-2004 updates ?

[github-actions]

Hello @arcane-2004! Your issue #36 has been closed. Thank you for your contribution!