Improve Responsiveness of the Website

[suraniharsh]

"Website's Got Stage Fright: Fix Its Responsive Nerves!"

Description:
Our website seems a bit shy on smaller screens. Let’s make it bold and beautiful across all devices! The goal is to ensure it looks stunning and functions smoothly on mobile, tablet, laptop, and desktop.

Expected Outcome:

• Ensure the website adapts seamlessly to different screen sizes.
• Resolve any layout issues that occur on smaller or larger devices.
• Test across popular browsers and devices for compatibility.

Tasks:

1. Analyze the current design for responsiveness issues.
2. Test on the following devices:
   • Mobile phones (e.g., 375px, 414px width)
   • Tablets (e.g., 768px, 1024px width)
   • Laptops (e.g., 1366px width)
   • Desktops (e.g., 1920px width)
3. Create a separate branch for your work and submit a pull request when ready.
   • Branch Name:
     • fix/responsiveness
4. Fix any bugs or layout inconsistencies.
5. Review and submit pull requests.

Screenshot of the Issue:
[Attach a screenshot of the issue here, highlighting the areas where responsiveness is broken.]

Deployed Link:
[Provide the live link to the website.]

[ricardo564]

Hello, I'd like to help with this GitHub issue. I will create a branch if no one has started working on it yet.

Edit1: pull request with preview created.

[suraniharsh]

@ricardo564

Apologies for the delay, and thank you for your patience.

I’ve created a branch named feature/edit-snippets for this enhancement. Work is underway, and I’ll ensure the implementation aligns with the requirements. If you have additional input or suggestions, feel free to share them!

[JESTER003]

Hello mate @suraniharsh
I would love to work on this issue . i already see some responsiveness issue on Home.tsx

[suraniharsh]

@JESTER003 it's good to see you bro