Skip to content

fix: resolve Hindi/Vashla hero section text overlap (issue #111)#112

Merged
priyankarpal merged 3 commits into
reactplay:mainfrom
SomshekharArabali:fix/hero-section-hindi-overlap
Oct 29, 2025
Merged

fix: resolve Hindi/Vashla hero section text overlap (issue #111)#112
priyankarpal merged 3 commits into
reactplay:mainfrom
SomshekharArabali:fix/hero-section-hindi-overlap

Conversation

@SomshekharArabali
Copy link
Copy Markdown
Contributor

🛠️ Fix: Hero Section Text Overlap (Issue #111)

Description

This PR resolves the issue where the Hindi/Vashla hero section subtitle text ("बनाएं। सीखें। जुड़ें।") was overlapping with the main title ("रिएक्ट कोलकाता।"), making it partially unreadable.

Changes Made

  • Increased hero content container width (max-w-4xl)

  • Split hero title and subtitle into separate elements (h1 and h2)

  • Added break-words to both to allow natural wrapping

  • Reduced spacing between title and subtitle (mt-[0.25rem])

  • Verified across English, Hindi, and Vashla translations for layout consistency

Before

image image

Screenshots

image image

Closes
#111

@netlify
Copy link
Copy Markdown

netlify Bot commented Oct 28, 2025

Deploy Preview for reactkolkata ready!

Name Link
🔨 Latest commit cc9890b
🔍 Latest deploy log https://app.netlify.com/projects/reactkolkata/deploys/6902089595f3480008d8e25c
😎 Deploy Preview https://deploy-preview-112--reactkolkata.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Signed-off-by: Priyankar Pal  <88102392+priyankarpal@users.noreply.github.com>
@priyankarpal priyankarpal merged commit 4c09991 into reactplay:main Oct 29, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants