Fix hover bug by adjusting navbar item margins

[Wasid786]

Pull Request: Fix Navbar Highlight Alignment

Description

This pull request addresses an alignment issue with the navbar highlight. The bug was fixed by adding a margin-left: 461px to the .highlight div, ensuring that the highlight correctly aligns with the hovered navbar items.

Changes Made

• Added margin-left: 461px to the .highlight div to fix the alignment issue.
• Other changes in the code were made by the auto-formatter in VS Code; these can be ignored as they do not affect functionality.

Related Issues

• [Issue #2 ]

Additional Notes

Please review the changes, particularly the adjustment to the .highlight class. Let me know if further modifications are needed.

Thank you!

[netlify[bot]]

✅ Deploy Preview for codeittool ready!

Name	Link
🔨 Latest commit	0b10603d91a75d320f343077321311b05657d889
🔍 Latest deploy log	https://app.netlify.com/sites/codeittool/deploys/66f6f75f13ba38000894d16e
😎 Deploy Preview	https://deploy-preview-3--codeittool.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.