Card Hover Description Overlaps Page Heading

[Riya-Kharade]

Problem

On the Training and Internship Program section, when hovering on the cards (e.g., Digital Marketing), the description text overlaps with the page heading (Training and Internship Program). This makes the UI look broken and unreadable.

Proposed Solution

• Add proper padding/margin between the section heading and the card container.
• Ensure that the hover description stays inside the card and does not overlap with other elements.
• Test responsiveness to make sure spacing works on smaller screens too.

Expected Outcome

• The description should remain neatly inside or outside the hovered card.
• The section heading (Training and Internship Program) should stay clear and visible without overlapping.
• Overall layout looks cleaner and more professional.

Assign This issue to me Under GSSOC 2025

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[gyanshankar1708]

@Riya-Kharade Go ahead