Hero card overlaps Navbar and arrows misaligned on some pages

[mahesh-gsoc-dev]

Summary

On the AsyncAPI Tools page, the hero card sits too close to the navbar (about 1% overlap), causing a cramped look. Additionally, navigation arrows near the hero card display misaligned spacing on various screen sizes, which impacts responsive design.

Steps to Reproduce

1. Visit https://www.asyncapi.com/tools/${toolname} or (blog, roadmap, casestudies)
2. Observe hero section on desktop (top edge)
3. Resize browser (tablet/mobile emulator)
4. Watch spacing between hero card and hearo card left and right arrows change inconsistently

Impact

• Visual clutter and reduced readability
• Slight UX inconsistency across devices
• Gives a less polished impression

Suggested Fix

• Add consistent margin-top or padding-top to push the hero card below the Navbar.
• Ensure arrows have fixed spacing (e.g., using flex-gap or margin) that scales responsively.
• Add media queries if needed for mobile/tablet to ensure UI alignment.

Offer to Help

I’d be happy to draft a PR with CSS adjustments if the maintainers agree this is worth improving. 😊

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[mahesh-gsoc-dev]

Hi maintainers 👋,

Just checking in politely — is this issue valid and something I can work on? I’d love to submit a PR if it aligns with your roadmap.

Thanks for your time!

[r120dhiman]

Hey maintainers

I would love to work on this issue. Please assign this issue to me.

[iamdk353]

yeah this is worth improving feature good find by the way @mahesh-gsoc-dev
also bro try to find the maintainer and mention him bro

[priyanshu-101]

Hii
I am new in this organisation
Can you please assign this issue to me

[Priyank0703]

first PR closed because there is one extra space which I have removed