Fix Navbar and Checkout Heading Overlap Issue

[sitambhra]

Pull Request Template

Summary

This pull request addresses the issue where the checkout heading was overlapping with the navbar. The following changes were made:

• Adjusted the layout and spacing between the navbar and the checkout heading to ensure proper alignment and visibility.
• Verified responsiveness on various screen sizes to ensure consistent behavior across devices.
• Tested functionality to confirm no other UI elements were affected by this fix.

Fixes #123 (issue)

Note:
Apart from addressing the problems in #107 , I also ensured button responsiveness on small screens—a separate issue I could have raised but chose to solve within #107 . Considering the extensive changes made throughout in #107 , could you kindly update the label from "Intermediate" to "Advanced"? Thank you!

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• Code refactoring

Testing

Tested changes thoroughly on various screen sizes, including small screens, to ensure proper responsiveness

Screenshots/Videos

Before:

After:
You can see changes once #107 issue is merged. as there is no gateway right now that directs to checkout page. Once #107 is merged you can see a separate "Buy now button" which will redirect to Checkout page.

Checklist

Please mark [X] for completed items:

• My code follows the project's style guidelines
• I have performed a self-review of my code
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
coffee-shop	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 2, 2025 3:25pm

[github-actions]

Thank you for your contribution! 🎉

PR Checklist

• Tests added/updated
• Documentation updated
• Changes follow coding standards
• Commit messages are clear

Next Steps

1. We will review your PR soon
2. Address any requested changes
3. Once approved, your PR will be merged

Need help? Check our Contributing Guide

Happy coding! 💻

[Mujtabaa07]

🎉 Congratulations on Your Merged PR!

Thank you @Sitambhra02 for your contribution!

What's Next?

• 🌟 Consider contributing to other issues
• 📚 Check our Contributing Guidelines for more ways to help

Keep up the fantastic work! 🚀

[sitambhra]

@Mujtabaa07 can you please assign me points on Oslead for the Merged Prs!!!