Bug: Long unbroken text overflows outside resume preview in URL and project description fields

[Jiya3177]

Entering long unbroken text in some resume fields causes the text to overflow outside the resume preview layout.

I tested this locally and found the issue in:

• Profile website/URL field
• Project description field

Steps to Reproduce

Case 1: Website/URL overflow

1. Open the Resume Builder
2. Go to the Profile section
3. Enter a very long website/profile URL, for example:

https://thisisaverylongportfolioURLwithoutanyspacesanditshouldnotoverflowoutsidetheresumepreviewbecauseitbreaksthelayout.com/profile/jiya-gssoc-open-source-contributor-2026

4. Observe the resume preview header/contact section

Case 2: Project description overflow

1. Go to the Project section
2. Add a project name and date
3. Enter a very long project description without spaces, for example:

ThisIsAVeryLongProjectDescriptionWithoutSpacesThisIsAVeryLongProjectDescriptionWithoutSpacesThisIsAVeryLongProjectDescriptionWithoutSpacesThisIsAVeryLongProjectDescriptionWithoutSpaces

4. Observe the resume preview project section

Expected Behavior

Long unbroken text should wrap, truncate, or remain inside the resume preview layout without breaking the design.

Actual Behavior

The long URL and project description overflow outside the resume preview area and break the layout.

Screenshot

Proposed Fix

I would like to fix this by improving text wrapping/overflow handling for long unbroken text in the resume preview components.

I would like to work on this issue under GSSoC '26. Please assign it to me.

[vaishnavi-singh5]

hi @sunilkumar2170 , i would like to work on this issue under GSSOC'26. i have gone through the project guidelines and would love to contribute. please assign this issue to me.

[sunilkumar2170]

Assigned to @Jiya3177. Please submit a PR within 3 days with screenshots.

[Jiya3177]

Hi @sunilkumar2170,

I have submitted a PR for this issue with before/after screenshots and testing details.

PR: #21

Please review it when you get time.

[mssrroja-hub]

Hi , I Would like to work on the issue under GSSOC 2026. Could you please assign it to me ?

[mahikansal]

Hi, I am a GSSoC 2026 contributor and would like to work on this issue.

[Jiya3177]

Hi @sunilkumar2170,

Just following up on this PR.

I have fixed the long unbroken text overflow issue for the resume preview and included:

• before/after screenshots
• local testing details
• npm run lint validation
• note about the existing unrelated lint warning

The PR has no merge conflicts and is ready for review.

Could you please review it when you get time?

Thank you!