search

JiyaGupta-cs / ShopNex

React Ecommerce App
https://shopnex.vercel.app
90 stars 189 forks source link

Website not Responsive #269

Open PranavKeshav24 opened 4 months ago

PranavKeshav24 commented 4 months ago

Issue Description

The entire ShopNex website is not responsive for mobile screens and multiple other screens.

Steps to Reproduce

  1. Go to the website
  2. Go to inspect and set the screen size to mobile, and tablet screens if you are on a desktop.
  3. Navigate to different parts of the webspage.
  4. It is observed that the elements are not responsive to the screen size appropriately.

Expected Behavior

Perfectly aligned elements as per the screen size the user is at.

Actual Behavior

The entire app is not responsive to the screen size which causes elements to be out of place in multiple mobile and tablet screens.

Screenshots

image image image image image

Please assign me this issue. I am a contributor for GSSoC' 24. I would love to work on this issue.

PranavKeshav24 commented 4 months ago

@Vansh-Choudhary I see that there is already a PR created with respect to this in #283. I see that the pages shop, men, women and kids have been optimized but are failing some checks. Should I create a separate issue for the responsiveness of the login/signup page?

Vansh-Choudhary commented 4 months ago

I see his deployment has failed, Can you optimise the website for mobile view better than him, if yes then i can assign you that issue.

PranavKeshav24 commented 4 months ago

@Vansh-Choudhary I believe I can do that. Please assign it to me, I'll be very happy to work on that.

Vansh-Choudhary commented 4 months ago

If you have your PR ready before he fixes his deployment, I'll merge your PR. otherwise I'll have to merge his PR.