Update widths for device compatibility

[nikki-05]

Description

• Adjusted the widths of various elements to ensure better display on different devices.
• Verified changes on multiple device resolutions to ensure compatibility.
• Improved overall responsiveness and user experience on mobile and laptops -Tested changes using the browser's inspect tool multiple times across various resolutions.

Related Issue

None

Type of PR

• [ X ] Bug fix
• [ ] Feature enhancement
• [ ] Documentation update
• [ ] Other (specify): ___

Screenshots / videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes]

Checklist:

• [ X ] I have performed a self-review of my code
• [ X ] I have read and followed the Contribution Guidelines.
• [ X ] I have tested the changes thoroughly before submitting this pull request.
• [ X ] I have provided relevant issue numbers, screenshots, and videos after making the changes.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
flipkart-clone	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 23, 2024 5:06am

[nikki-05]

hii @arghadipmanna101 can you review the PR and let me know further