[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