Insufficient Spacing Between Buttons on Community Page at Mobile Breakpoints

[one2code]

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

[welcome[bot]]

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]

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