Website is not responsive some elements are overflowing

[upsaurav12]

Issue Description

Currently the website is not responsive like some elements are overflowing from the screen itself
for example :
in new-collection section we can see that some image containers going outside the screen which is not good user experience

Steps to Reproduce

1. Go to the website https://shopnex.vercel.app/
2. change the width
3. and see the issue

Expected Behavior

Elements should not overflow from the screen they should be responsive for all device width. we can fix it by using media query to fix this and make it responsive
also i see the navbar is also not responsive so we can make a side bar after a specific width

Actual Behavior

cinnamon-2024-05-09T1559210530.mp4

as you can see the web site is not responsive

Screenshots

[Include any relevant screenshots]

[SnehansuBehera]

Hey @upsaurav12 I am a contributor at GSSoC'24 , I observed the landing page , navbar, footer, collection section, offers section as well as the mail section is not at all responsive for small screen sizes.
I want contribute to it and I will be active with this project , please assign me this issue.

[upsaurav12]

I am working on this issue

[DARSHANITRIPATHI]

please assign this to me