Made 404 Error Card component responsive

[712Kunal]

Fixes Issue🛠️

Closes #1412

Description👨‍💻

• Added a media query to make the error card responsive for mobile devices. Specifically, adjusted the body padding to 50px when the screen width is 768px or less.
• Adjusted the width and height of the body to take the whole portion of the screen, and also adjusted the alignment of the elements those who are in the body.

Type of Change📄

• Style (non-breaking change which improves website style or formatting)
• Responsiveness (non-breaking change which improves UI/UX on different screen sizes)

Checklist✅

• I am an Open Source contributor
• I have performed a self-review of my code
• My code follows the style guidelines of this project
• I have commented on my code, particularly in hard-to-understand areas

Screenshots/GIF📷

On desktop mode -

On tablet mode -

On mobile mode -

[netlify]

✅ Deploy Preview for beautiify ready!

Name	Link
🔨 Latest commit	150aabb
🔍 Latest deploy log	https://app.netlify.com/sites/beautiify/deploys/67689e2fb8745400089f57b4
😎 Deploy Preview	https://deploy-preview-1413--beautiify.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Hey @712Kunal, Welcome to the project Beautiify! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

[712Kunal]

@Rakesh9100 please accept the PR if you didn't find any flaws in the issue as soon as possible, because the deadline of the mid evaluation is day after tomorrow only and before that I should have atleast 1 PR to be accepted.

[github-actions]

Congrats, Your pull request has been successfully merged 🥳🎉 Thank you for your contribution to my project 🚀 Keep Contributing!! ✨ @712Kunal