Enhance UI of Contact Section: Adjust Map Size and Address Box Height

[Payal-Sinha09]

Summary of Changes

• Increased the size of the map to create a more visually appealing square shape.
• Adjusted the height of the address box to ensure consistency with the overall design.
• Improved responsiveness of the map for better viewing on smaller screens.
• Maintained the background color of the address box to match the design theme.
• Increased the font size of the "Get in touch" heading for better visibility.

Related Issue

Fixes: #3011

Description

This PR enhances the UI of the contact section by making several improvements:

• The size of the map has been increased to achieve a visually appealing square shape, providing a better user experience.
• The height of the address box has been adjusted to maintain consistency with the overall design aesthetics.
• Responsiveness of the map has been improved for better visibility on smaller screens.
• The background color of the address box has been maintained to ensure it aligns with the design theme.
• The font size of the "Get in touch" heading has been increased for improved visibility and emphasis.

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

Before:

After:

Checklist:

• I have made this change from my own.
• I have taken help from some online resources.
• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers and screenshots after making the changes.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
swapreads	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 6, 2024 3:51pm

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for swapreadsconnect ready!

Name	Link
🔨 Latest commit	9000895
🔍 Latest deploy log	https://app.netlify.com/sites/swapreadsconnect/deploys/6702b202e7ef7c00074ecd88
😎 Deploy Preview	https://deploy-preview-3027--swapreadsconnect.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.