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.

Sign up for GitHub

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

Jump to bottom

Text Overflows Without Proper Right Margin on Smaller Screen. #443

Open
yadavaryan17 opened this issue Mar 11, 2025 · 0 comments · May be fixed by #444
Open

Text Overflows Without Proper Right Margin on Smaller Screen. #443

yadavaryan17 opened this issue Mar 11, 2025 · 0 comments · May be fixed by #444

Comments

@yadavaryan17
Copy link

Description:

When reducing the width of the website, the text does not maintain a proper right margin, causing it to feel cluttered and reducing readability. This affects the website's formality and design consistency.

Steps to Reproduce:

  • Open the website on a desktop browser.

  • Resize the window to a smaller width.

  • Observe how the text loses its right margin, making it appear misaligned.

Expected Behavior:

The text should have consistent spacing and margins regardless of screen width to maintain readability and a formal appearance.

Possible Solution:

  • Apply responsive tailwind.CSS rules to ensure proper margins.

  • Use padding-right or margin-right in CSS to maintain spacing.

  • Consider using max-width to avoid text stretching too far.

Screenshot:

Image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix Text Alignment and Margins for Better Responsiveness (#443) yadavaryan17/website
1 participant
@yadavaryan17