Improve UI Responsiveness for Mobile Devices

[Harshbediya]

Description:
The current UI layout of the website looks misaligned and text overlaps when viewed on smaller screen sizes. This affects readability and user experience on mobile devices.

---

Steps to Reproduce:

1. Open the website on a mobile device or use browser developer tools to simulate a small screen.
2. Navigate through different pages.
3. Observe layout issues like overlapping text and misaligned buttons.

---

Expected Behavior:
The website should have a responsive design where text, images, and buttons adjust seamlessly to various screen sizes without overlapping or breaking the layout.

---

Proposed Solution:

• Implement proper CSS media queries to adapt layouts for smaller screens.
• Use responsive units like %, em, or rem instead of fixed px where applicable.
• Test across multiple devices and screen resolutions to ensure compatibility.

---

Alternative Solutions:

• Use a responsive CSS framework like Bootstrap or Tailwind CSS.
• Redesign certain sections to have a mobile-first approach.

---

Additional Context:
Improving responsiveness will enhance the user experience, especially for mobile users, and make the site more accessible.

[nishantharkut]

Assigned