🐛 Bug: Text Overflow Issue in UI Component on Home Page (Mobile View)

[Yashwanth1906]

Describe the bug

When accessing the Home Page on a mobile device, the text inside certain UI components does not fit properly within the container, causing overflow issues and potential readability problems. This affects the user experience by making the content hard to read and visually unappealing.

Steps To Reproduce

Open the Home Page of the website on a mobile device.
Observe that some text does not fit properly inside its container.
The container does not resize appropriately, leading to overlapping or cut-off text.

Expected Behavior

✅ Responsive Containers: The container should adjust dynamically based on screen size, ensuring proper text wrapping and alignment.
✅ Proper Text Visibility: Text should be fully visible without requiring scrolling, zooming, or being truncated.
✅ Consistent UI: The styling should maintain aesthetic consistency across different screen sizes.

Screenshots

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[github-actions]

Welcome to the JSON Schema Community. We are so excited you are here! Thanks a lot for reporting your first issue!! 🎉🎉 Please make sure to take a look at our contributors guide if you plan on opening a pull request.
For more details, check out the README.md file.

[Yashwanth1906]

@benjagm @DarhkVoyd @DhairyaMajmudar Can u assign this issue to me?

[DhairyaMajmudar]

Valid issue, Pls. go ahead @Yashwanth1906