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

🐛: Bug in GUI in mobile view #301

Closed
multiverseweb opened this issue Nov 6, 2024 · 2 comments
Closed

🐛: Bug in GUI in mobile view #301

multiverseweb opened this issue Nov 6, 2024 · 2 comments

Comments

@multiverseweb
Copy link
Owner

Title

Overflow issue

Bug

The contents are not positioned correctly, there is an extra space on right edge of the website.

Changes

Remove the extra white space on right edge of the website

Screenshots 📷

image

Full Name

Tejas Gupta

Participant Role

Project Admin

@github-actions github-actions bot added the Review Queued Automatically added label for issue review label Nov 6, 2024
@multiverseweb multiverseweb added gssoc-ext level3 High Priority 🚀 and removed Review Queued Automatically added label for issue review labels Nov 6, 2024
@krishiv1545
Copy link
Contributor

Adding a styling of max-width:100% to *{} should prevent items from overflowing that causes this (a lot of elements are surpassing the 100% width). This causes 2 minor issues with Click button's border and the Feedback form which I can also tweak and fix.
image

I'm a beginner so I am not sure if this is a viable way you may want to solve the issue. Would you like me to make the PR with the max-width change and the other required tweaks? If yes, please assign it to me.

@multiverseweb
Copy link
Owner Author

Sure @krishiv1545, go ahead

krishiv1545 added a commit to krishiv1545/CodeIt that referenced this issue Nov 8, 2024
Solved issue multiverseweb#301 (part 1/2)

It caused the Contribute & Click buttons and the feedback form to misalign so fixed those issues too. 

Added a class to fix the feedback form that I will assign in the index.html which will be part (2/2) of the bug fix.
krishiv1545 added a commit to krishiv1545/CodeIt that referenced this issue Nov 8, 2024
Solved multiverseweb#301 (part 2/2)

After fixing the multiverseweb#301 Bug, a misalignment issue occurred with the Feedback form. 

In bug fix multiverseweb#301 part (1/2), I created an 'inputclass' Class that I am assigning to necessary elements here to solve the problem!
multiverseweb added a commit that referenced this issue Nov 9, 2024
Solved Issue #301 (Bug in GUI in mobile view)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants