fix: UI improvement

[vaibhav-yerkar]

fix: UI improvement - Improper alignments

Fixes: #1520

Title : UI improvement - Improper alignments

Issue No. : #1520

Code Stack : CSS, HTML

Close #1520

Description

Modified CSS properties for the elements to make the UI better

issue: go-up button was not visible or behind the form in contact us section, navbar alignment issue fixes: changes z-index for the button and modified flex properties of navbar

Video/Screenshots (mandatory)

GoUp button visibility :

Navbar alignment :

Type of PR

• [x] Bug fix

Checklist:

• [x] I have performed a self-review of my code.
• [x] I have commented my code, particularly in hard-to-understand areas.
• [x] I have tested the changes thoroughly before submitting this pull request.
• [x] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [x] I have gone through the contributing.md file before contributing
• [x] I have Starred the Repository.

Additional context:

Are you contributing under any Open-source programme?

• [ ] I am contributing under GSSOC'24 Extended
• [ ] I am contributing under Hacktoberfest'24

[netlify[bot]]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	80352b4f5c26c56d1b443f2631f470d080810d86
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/67101c7d8027d20008d272b6
😎 Deploy Preview	https://deploy-preview-1525--taupe-cendol-f7e2bb.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.