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

Improve mobile usability #12

Closed
wants to merge 2 commits into from

Conversation

chiuannica
Copy link

@chiuannica chiuannica commented Mar 18, 2022

Closes: #1

  • Widened input
  • Adjusted input and results size to be similar size for different screen sizes.
  • Mobile: Input and results takes up most of width
  • Tablet: Input and results takes up larger width
  • Desktop: Input and result takes up medium size

Mobile
Screen Shot 2022-03-18 at 9 44 01 PM

Tablet
Screen Shot 2022-03-18 at 9 43 45 PM

Desktop
Screen Shot 2022-03-18 at 9 43 04 PM

widened input, adjusted input and Results size for different screen sizes
@netlify
Copy link

netlify bot commented Mar 18, 2022

👷 Deploy request for mlh-prep-project pending review.
Visit the deploys page to approve it

🔨 Explore the source changes: 64fa8e2

@chiuannica chiuannica closed this Mar 18, 2022
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

Successfully merging this pull request may close these issues.

Improve mobile usability
1 participant