Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Text Overflow Issue in UI Component on Home Page (Mobile View) #1492

Closed

Conversation

Yashwanth1906
Copy link
Contributor

What kind of change does this PR introduce?

  • 🛠 Bugfix: Ensures text properly fits within UI components on the Home Page (mobile view) without overflowing or misalignment.

Issue Number:

Screenshots/videos:

Screenshot 2025-03-10 145924

If relevant, did you update the documentation?

  • N/A (No documentation changes required)

Summary

This PR fixes an issue where text inside UI components on the Home Page (mobile view) does not properly fit within its container, leading to overflow and readability issues. The changes ensure that:
✅ Containers adjust dynamically based on screen size.
✅ Text remains fully visible without getting truncated or misaligned.
✅ The UI maintains consistency across different screen sizes.

Does this PR introduce a breaking change?

No, this PR does not introduce any breaking changes.

Steps to Test:

  1. Open the Home Page on a mobile device.
  2. Verify that the text inside UI components fits properly without overflowing.
  3. Ensure that the container adjusts dynamically based on different screen sizes.

🚀 Ready for review! Let me know if any further changes are required.

@Yashwanth1906 Yashwanth1906 requested a review from a team as a code owner March 10, 2025 11:53
Copy link

github-actions bot commented Mar 10, 2025

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name Status Preview Last Commit
website ✅ Ready (View Log) Visit Preview 3274903

Copy link

codecov bot commented Mar 10, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (219521e) to head (3274903).

Additional details and impacted files
@@            Coverage Diff            @@
##              main     #1492   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           10        10           
  Lines          396       396           
  Branches       106       106           
=========================================
  Hits           396       396           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@idanidan29
Copy link
Contributor

@Yashwanth1906 You are not assigned to this issue, and it hasn't been approved yet. Please close the pr and review the Contributing Guidelines

@Yashwanth1906
Copy link
Contributor Author

@idanidan29 sry for that

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

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