🐛 Bug: Text Overflow Issue in UI Component on Home Page (Mobile View) #1483
Labels
🐛 Bug
Indicates that the issue is a bug or defect.
Status: Accepted
It's clear what the subject of the issue is about, and what the resolution should be.
Status: In Progress
This issue is being worked on, and has someone assigned.
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]
Are you working on this issue?
Yes
Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)
No
The text was updated successfully, but these errors were encountered: