Improve responsiveness of Contact Us page

[gnjayasekara]

Description

Added new CSS elements to tackle the responsiveness of the Contact Us page.

Fixes: #279

Use [x] to represent a checked (ticked) box.✅
Use [ ] to represent an unchecked box.❌

Type of Change

• [ ❌] Profile Added
• [ ❌] Project Added
• [ ✅] Bug fix
• [ ❌] New feature
• [ ❌] Documentation update
• [ ❌] Other (please specify):

How to Test

1. Go to the Contact Us page
2. By using web dev tools change the screen size
3. Check for responsiveness at different screen sizes

Checklist

• [ ✅] I have performed a self-review of my code.
• [ ✅] I have commented my code, particularly in hard-to-understand areas.
• [ ✅] I have made corresponding changes to the documentation (if applicable).
• [ ✅] My changes generate no new warnings.
• [ ✅] I have added tests to cover my changes (if applicable).
• [ ✅] All new and existing tests pass.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
dev-profile	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 14, 2024 0:23am

[github-actions]

Great job, @gnjayasekara! Thanks for creating the pull request.
Soon the maintainers/owner will review it and provide you with feedback/suggestions.
Make sure to star this awesome repository and follow the account!