[Bug]: Roadmap card overlaps code preview and text content

[sukhmandeepkaurbajwa-03]

What happened?

The Roadmap card on the homepage overlaps with the code preview section and partially hides the "7-Step Roadmap" heading and related text.

Steps to reproduce

Open the DevPath homepage.
Scroll to the hero section containing the code preview.
Observe the Roadmap card placement.

Expected behaviour

The Roadmap card should be positioned correctly without overlapping the code preview or heading text.

Area of the app affected

Homepage form

Python version

NA

Operating system

Mac OS

Relevant error output or logs

Before submitting

• I searched existing issues and this has not been reported before.
• I can reproduce this bug consistently with the steps above.
• I am running the latest version of the main branch.

[sukhmandeepkaurbajwa-03]

Hi! I'd like to work on this issue under GSSoC. Could you please assign it to me?

[github-actions]

Thank you for opening your first issue in DevPath.

Please make sure to:

• Read CONTRIBUTING.md
• Wait for assignment before starting work
• Follow repository guidelines carefully

Happy contributing.

[NirvanJain]

Heyy @sukhmandeepkaurbajwa-03
I would like to work on this issue under GSSoC 2026.
I have prior experience with open-source contributions and would be happy to work on this issue. Please assign it to me.
Thank you!

[nensii21]

/assign