[BUG] Fix Hero Section Overflow on Smaller Screens

[Rucha0901]

Summary

Improve the responsiveness of the landing page hero section to prevent text clipping and overflow on medium and smaller screens.

Contexts

The hero heading currently overlaps and gets partially cropped on certain screen sizes. The spacing between the navbar and hero content is inconsistent, causing layout issues and reduced readability.

Tasks

• Analyze current hero section responsiveness
• Fix heading overflow and clipping issues
• Improve spacing and alignment for different screen sizes
• Ensure responsive typography scaling

Acceptance Criteria

• Hero text remains fully visible on all screen sizes
• No overlap between navbar and hero section
• Responsive spacing works correctly
• Layout remains visually balanced across devices

Area

web

Difficulty

easy

[Rucha0901]

/assign under gssoc'26

[Jai-Shankar1033]

hey @ShantKhatri I'm a GSSoC'26 contributor and would love to work on it. Kindly assign it to me.

[Harxhit]

@Rucha0901 I have assigned this issue to you.

[github-actions]

Hey @ShantKhatri (Project Admin) and @Harxhit (Maintainer),

This issue (previously assigned to @Rucha0901) has been automatically unassigned because no linked pull request was found after the scheduled check.

If work is in progress, please open a PR and link it to this issue to keep the assignment.

[Harxhit]

@Jai-Shankar1033 I have assigned this issue to you.

[github-actions]

Hey @ShantKhatri (Project Admin) and @Harxhit (Maintainer),

This issue (previously assigned to @Jai-Shankar1033) has been automatically unassigned because no linked pull request was found within 5 days of assignment.

If work is in progress, please open and link a PR to keep the assignment active.

[anan-yaa]

Hi @Harxhit, I'm a Contributor under GSSoC'26. I'm interested in working on this issue, can you assign it to me?