Bug: Website Layout is Not Responsive on Mobile and Tablet Screens

[unnihc369]

Hi @urstrulynishkarsh , The website layout does not adjust properly on mobile and tablet screens, causing elements to appear distorted or misplaced.

Steps to reproduce the behavior:

Navigate to https://reactchatio.vercel.app/ Access the website on a mobile or tablet device. Observe that certain elements do not display correctly or are difficult to interact with due to their positioning or size. Expected behavior The website layout should adapt responsively to different screen sizes, ensuring that all elements are easily accessible and displayed correctly on mobile and tablet devices.

Sccreenshots:

Devices: Samsung Galaxy S4 iPhone 12 Pro

I believe I can contribute effectively to resolving this issue. I have experience in frontend development and am familiar with responsive design principles. Can you please assign me to work on this issue under Gssoc'24.

[urstrulynishkarsh]

Ok i will connect with you in evening at 10 pm

On Fri, 10 May 2024 at 10:52 AM, V Chinmay Kumar @.***> wrote:

Hi @urstrulynishkarsh https://github.com/urstrulynishkarsh , The website layout does not adjust properly on mobile and tablet screens, causing elements to appear distorted or misplaced.

Steps to reproduce the behavior:

Navigate to https://reactchatio.vercel.app/ Access the website on a mobile or tablet device. Observe that certain elements do not display correctly or are difficult to interact with due to their positioning or size. Expected behavior The website layout should adapt responsively to different screen sizes, ensuring that all elements are easily accessible and displayed correctly on mobile and tablet devices.

Sccreenshots: Screenshot.2024-05-10.104825.png (view on web) https://github.com/urstrulynishkarsh/ReactChat/assets/99383896/d0337144-7a14-48a2-a5b3-b0b8768e753f Screenshot.2024-05-10.105051.png (view on web) https://github.com/urstrulynishkarsh/ReactChat/assets/99383896/67390612-d0ce-422e-8a60-c7b62a0b77a1

Devices: Samsung Galaxy S4 iPhone 12 Pro

I believe I can contribute effectively to resolving this issue. I have experience in frontend development and am familiar with responsive design principles. Can you please assign me to work on this issue under Gssoc'24.

— Reply to this email directly, view it on GitHub https://github.com/urstrulynishkarsh/ReactChat/issues/8, or unsubscribe https://github.com/notifications/unsubscribe-auth/AXH6TTTTWESG4WYWNS42LYLZBRKRFAVCNFSM6AAAAABHP7OJA6VHI2DSMVQWIX3LMV43ASLTON2WKOZSGI4DQOJVGU4TSMQ . You are receiving this because you were mentioned.Message ID: @.***>

[IP80808080]

👋 Hello! I'd be happy to help with this issue. Could you please assign it to me? Additionally, could you please label it for the appropriate level? Thank you! 🚀

[agxmbedi]

I am Agamjot Singh. Under GSSOC'24, I would like to work on this issue. Pls assign me this!!

[Kopal777]

Please assign it to me!

[anwesha2002]

@urstrulynishkarsh I am a GSSOC'24 contributor. I would like to solve this issue .Please assign this to me.

[asr2003]

@unnihc369 Is this PR relate to this issue?

• https://github.com/urstrulynishkarsh/ReactChat/pull/18

[unnihc369]

Yes, still I need to make few more changes

[asr2003]

Ok, submit them. Based on your PR complexity, will add the labels of difficulty there :)

On Sat, 11 May, 2024, 6:08 pm V Chinmay Kumar, @.***> wrote:

Yes, still I need to make few more changes

— Reply to this email directly, view it on GitHub https://github.com/urstrulynishkarsh/ReactChat/issues/8#issuecomment-2105732240, or unsubscribe https://github.com/notifications/unsubscribe-auth/BGXZB6F47UDJTV4UJVZ7Q3LZBYGKZAVCNFSM6AAAAABHP7OJA6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCMBVG4ZTEMRUGA . You are receiving this because you commented.Message ID: @.***>