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

Improve Display of Website Header Buttons on Small Screens #54

Open
csndra0504 opened this issue Sep 10, 2019 · 2 comments
Open

Improve Display of Website Header Buttons on Small Screens #54

csndra0504 opened this issue Sep 10, 2019 · 2 comments
Labels
good first issue help wanted

Comments

@csndra0504
Copy link
Member

csndra0504 commented Sep 10, 2019 •
edited
Loading

WHAT

Please make the white outlined buttons in the header of the ODevs website display better on mobile. (screenshot below)

WHY

The buttons in the header are too crowded for one line on mobile. We recently added another button based on #51 so the problem will be worse than what the screenshot below shows.

Acceptance Criteria

  • The text of each button does not wrap to a new line

Screen Shot 2019-09-07 at 3 00 38 PM
@csndra0504 csndra0504 changed the title Improve display of header buttons on small screens, make responsive Improve Display of Website Header Buttons on Small Screens Sep 10, 2019
@TJReynolds88
Copy link

Question do you want them to appear in one single row or can we design them to have two rows a 2 / 3 stack or 3 /2 stack

@kylewcode
Copy link

@csndra0504 Since the site has been re-designed, would it be possible to close out this issue?

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

No branches or pull requests
3 participants
@csndra0504 @TJReynolds88 @kylewcode