Improve Mobile Responsiveness and Desktop View Scaling

[rishyym0927]

Description: The project requires improvements in its responsiveness across mobile devices and different desktop screen sizes. Specifically:

Mobile Responsiveness: Ensure that the layout, fonts, images, and elements adjust properly on various mobile devices (small to medium screen sizes).

Desktop Scaling: Optimize the view across different screen percentages (e.g., 75%, 90%, 100%) to ensure consistent user experience without layout breaking.

The goal is to achieve a seamless, user-friendly interface across all devices and screen resolutions. Please test the responsiveness thoroughly and ensure it works well with popular devices and screen sizes.

[VanshChitransh]

@rishyym0927 Can you please assign this to me?
I would be solving the responsive issue either by using grid or by media query

[AMANVISHWAKARMA27]

Hey @rishyym0927 , I would like to work on this issue.

[rishyym0927]

Hey @AMANVISHWAKARMA27 , I’ve assigned the issue to you. Feel free to start working on it! Let me know if you have any questions along the way. Looking forward to your contribution!

[AMANVISHWAKARMA27]

Thanks @rishyym0927 , would make PR asap.

[AMANVISHWAKARMA27]

hey @rishyym0927 , I want to confirm if you will accept normal CSS media queries or I have to right inline css only using tailwind.

[rishyym0927]

Hi @AMANVISHWAKARMA27, you can either create a new file for regular CSS specifically for responsiveness or use Tailwind CSS, which is preferred. Please choose whichever option works best for you!

[AMANVISHWAKARMA27]

thanks @rishyym0927 for the confirmation.

[rishyym0927]

@AMANVISHWAKARMA27 are you working on it ?

[AMANVISHWAKARMA27]

yes @rishyym0927 , will make a PR soon

[AMANVISHWAKARMA27]

@rishyym0927 , I am unassiging myself.

[VanshChitransh]

@rishyym0927 Please assign the issue to me.