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

Insufficient Spacing Between Buttons on Community Page at Mobile Breakpoints #531

Open
one2code opened this issue Jun 11, 2023 · 2 comments

Comments

@one2code
Copy link

Insufficient Spacing Between Buttons at Mobile Breakpoints On Community Page

Current Behavior
On the community page of Probot https://probot.github.io/community/ there is insufficient spacing between the buttons when viewed at most mobile breakpoints, creating a very difficult user experience, especially for those with accessibility needs.

Possible Solution

Stack the buttons on top of each other with flex-direction: column and then make sure there is adequate and consistent spacing between all of the buttons with justify-content: space-between. Some adjustments may have to be made for container size, but overall, the spacing between each button should be consistent. Smaller break points would have to be adjusted as well. The buttons currently stack, but there is inadequate spacing between them.

See image for details

insufficient_spacing

@welcome
Copy link

welcome bot commented Jun 11, 2023

Thanks for opening this issue. A contributor should be by to give feedback soon. In the meantime, please check out the contributing guidelines and explore other ways you can get involved.

@ryuk-jayant
Copy link
Contributor

hey @one2code tried to fix the issue
image
as suggested used flex and gap.

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

No branches or pull requests

2 participants