Refactoring dashboard contact us component

[sarthu210]

Refactoring dashboard contact us component #875

Proposed changes

A mobile size problem occurred for the Contact Us card so used CSS VW width size parameter so it can auto fix its size

Brief description of what is fixed or changed

Types of changes

• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• My changes does not break the current system and it passes all the current test cases.

Screenshot

Before:

After:

[welcome]

Thank you and congrats🎉 for opening this pull request!💖

Please make sure you have followed our Contributing Guidelines.🙌 We will test out your code and reply in a bit with some pointers and requests.💿 There may be some errors, but don't worry! We'll work through them with you! 👍🎉😄 If you haven't filled the template out, Please do so!🚀
Feel free to join our Slack Community.💖 We have different channels for active discussions.✨ Hope you have a great time there!😄

[Kajol-Kumari]

For few screens, the card is appearing left aligned, can we make it centered aligned as well?

[sarthu210]

For few screens, the card is appearing left aligned, can we make it centered aligned as well?

sure I will make those changes by tomorrow night

[sarthu210]

hello mam i resolve the issue by centering the items !

screenshot:

[Kajol-Kumari]

the left margin is a little more than right one but should be fine

[welcome]

Congrats on merging your first pull request! 🙌 🎉 ⚡️ Now that you've merged your first pull request, you're the perfect person to help someone else out with this challenging first step.😄🙌
Feel free to join our Slack Community.💖 We have different channels for active discussions.✨ Hope you have a great time there!😄